Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#189284

After installation of RtL version, I am analyzing the most annoying aspect, the vertical scroll in the popup article view.

The vertical scroll is in the left side of the screen and this absolutely an issue.

How could I put it in the right side? If it is possible to inject “direction: ltr” in the popup article it will be fine…

What is the simplest way to do it?

Thanking you in advance

Ara

My site: http://www.makanez.net

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500484

Hi Ara,

You can see my solution on same topic at http://www.joomlart.com/forums/topic/scroll-with-mouse-wheel-and-rtl-version/#post-500390

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#500524

Many thanks! Actually it worked perfectly for that question…

However, the requested feature here is different and I hope to find a solid solution for it.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500535

Hi Ara,

On your second issue, you can open templatesja_smashboardlessrtlstyles.less, then put below codes into:

.popup-trackerV {
right: 0 !important;
}

Compile Less to Css file, the scroll bar will appear on the right side of popup-view article.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#500572

Thanks Leo, but unfortunately it does not work…

Please notice the page closing (x sign inside the circle) should be in the right side also (as in the LtR version)

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500575

Hi aratype,

Can you open templates/ja_smashboard/css/rtl/template.css, replace lines:

.popup-trackerV {
left: 0 !important;
}

with

.popup-trackerV {
right: 3px !important;
}

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#500587

Thanks, it works for a while. however, when I compiled LESS it comes back to the left side.

Could we have a permanent solution not influenced by LESS compilation?

In the other hand, the page closing (x sign inside the circle) was not affected and it stays on the left…

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500592

Hi aratype,

You can put these code into the end of templatesja_smashboardlessrtlstyles.less file

.popup-trackerV {
right: 0px;
}

Then Compile Less to Css.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#500604

Thank you, it is fine for the vertical scroll.

However, the page closing (x sign inside the circle) was not affected and it stays on the left…

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#500687

Hi Ara,

Sorry, I didn’t notice your second question. You just need to put below codes:

.popupview a#popup-close {
right: -12px;
}

to the end of templatesja_smashboardlessrtlstyles.less file.

1 user says Thank You to phong nam for this useful post

1. Aratype

[Author]

Posts