Fixed RTL Issues

[Sami]

Hello,

I have some issues related to RTL support.

LTR (Screenshot)


RTL


Also there is a problem with featured ribbon and featured content

 

[Sami]

Please @Bob consider these issues to be implemented if you have time

 

[Bob]

Please @Bob consider these issues to be implemented if you have time

I have, I am waiting on XF 1.5 (first Have you seen was posted today for xf 1.5). Also, that bottom image, the banner is no longer an image, its all CSS, so it should now work fine (you'd need to test on xf 2.4.0 RC 2)

 

[Sami]

You know...I am waiting now for HYS 2 (After i have seen responsive admincp) and not for the version 1.5

 

[Dadparvar]

Hi,
I use Persian as my language that it uses RTL style.
And so here is the problem:


Any opinion will be appreciated.

 

[Bob]

I moved this into the BUG reports forum as to me, its more of a bug than a general support question. Im not sure if the JS that is using handles RTL or not. For now, just disable that option and just display the cover image.

 

[Dadparvar]

Solved!
I just opened "nflj_showcase_item_gallery_sidebar".
And found this:

<div class="sliderSidebarImages">

And replaced with:

<div class="sliderSidebarImages" style="float: left !important;">

And the result:

 

[Dadparvar]

Seems to have the same problem with home page widget:

 

[Dadparvar]

Seems to have the same problem with home page widget:
View attachment 2290 View attachment 2291

Opened "nflj_showcase_module_items ".
Solved!
Found:

<div class="{$sliderClass}">

Replaced with:

<div class="{$sliderClass}" Style="float: left !important;">

Result:

 

[Dadparvar]

To fix the problem of featured ribbon in RTL, easily open "EXTRA.css" and add this:

.canTransform .thumbnailContainer span.featured
    {
         left:-2px !important;
         float:left !important;
    }

        .canTransform .thumbnailContainer span.featured:after
        {
            left: -25px !important;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

result:

 

[Dadparvar]

To solve the featured ribbon problem with RTL in other places too, add this code to "EXTRA.css" again:

.canTransform .showcaseItemThumb span.featured
            {
                left: 0 !important;
            }

            .canTransform .showcaseItemThumb span.featured:after
            {
                left: -25px !important;
                /*text-shadow: 1px 1px 1px @secondaryDark;*/
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

Now all its problem is solved.
Result:

 

[Dadparvar]

Hi,

Both in desktop and mobile version, its not moving while using RTL style.


Any idea will be appreciated
(Hope to see full support of RTL in new releases)

 

[Bob]

Hi,

Both in desktop and mobile version, its not moving while using RTL style.
View attachment 2309

Any idea will be appreciated
(Hope to see full support of RTL in new releases)

I don't think that Gallery supports RTL. I am planning to phase that Gallery out in favor of FotoRama (or another modern responsive gallery).

 

[Dadparvar]

I don't think that Gallery supports RTL. I am planning to phase that Gallery out in favor of FotoRama (or another modern responsive gallery).

Waiting for a fully compatible with RTL gallery.
Our language is RTL and we have no way but using our language.
Hope to see in near future.
Thanks Bob

 

[Bob]

Waiting for a fully compatible with RTL gallery.
Our language is RTL and we have no way but using our language.
Hope to see in near future.
Thanks Bob

There are 3 Gallery's that you can use. Try using the custom gallery (same as the RM / THread posts) or FotoRama Gallery (just added today).

 

[Dadparvar]

There are 3 Gallery's that you can use. Try using the custom gallery (same as the RM / THread posts) or FotoRama Gallery (just added today).

I used FotoRama and it was supporting more.
But still some problem.
But you wrote next to it: unsupported.
Will you support them in near future? Or at least FotoRama.

 

[cdub]

But you wrote next to it: unsupported.
Will you support them in near future? Or at least FotoRama.

It's marked unsupported because it's unsupported. See this post:

http://xenaddons.com/threads/gallery-suggestion-fotorama.1494/#post-8651

When (if ever) it is supported he'll let us know. Bob, very understandably, doesn't give us ETAs. If he ever does give an ETA... it's an ETA for something that's already done and about to be released.

 

[Dadparvar]

I don't think that Gallery supports RTL

To solve Showcase Gallery problem with RTL, just the code below need to be added to "EXTRA.css":

.es-carousel
{
    direction: ltr !important;
}