1. REGISTRATION REQUIREMENTS:

    Register with your xenforo.com Username then start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Fixed RTL Issues

Discussion in 'Showcase Resolved Bug Reports' started by Sami, May 13, 2015.

  1. Sami

    Sami New Member Showcase

    Hello,

    I have some issues related to RTL support.

    LTR (Screenshot)
    LTR.png

    RTL
    RTL.png

    Also there is a problem with featured ribbon and featured content

    fe2.png
     
  2. Sami

    Sami New Member Showcase

    Please @Bob consider these issues to be implemented if you have time :)
     
  3. Bob

    Bob Developer Staff Member

    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 likes this.
  4. Sami

    Sami New Member Showcase

    You know...I am waiting now for HYS 2 (After i have seen responsive admincp) :) and not for the version 1.5 ;)
     
    Bob likes this.
  5. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

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

    Any opinion will be appreciated.
     
  6. Bob

    Bob Developer Staff Member

    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 likes this.
  7. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    Solved!
    I just opened "nflj_showcase_item_gallery_sidebar".
    And found this:
    Code:
    <div class="sliderSidebarImages">
    And replaced with:
    Code:
    <div class="sliderSidebarImages" style="float: left !important;">
    And the result:
    left.png right.png
     
    Bob likes this.
  8. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    Seems to have the same problem with home page widget:
    main.png mainleft.png
     
  9. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    Opened "nflj_showcase_module_items ".
    Solved!
    Found:
    Code:
    <div class="{$sliderClass}">
    Replaced with:
    Code:
    <div class="{$sliderClass}" Style="float: left !important;">
    Result:
    main.png
     
    Bob likes this.
  10. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    To fix the problem of featured ribbon in RTL, easily open "EXTRA.css" and add this:
    Code:
    .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:
    ribright.png
     
  11. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    To solve the featured ribbon problem with RTL in other places too, add this code to "EXTRA.css" again:
    Code:
    .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:
    rtl111.png rtl2222.png
     
  12. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    Hi,

    Both in desktop and mobile version, its not moving while using RTL style.
    2015-12-04_03-39-26.png

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

    Bob Developer Staff Member

    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 likes this.
  14. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    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
     
  15. Bob

    Bob Developer Staff Member

    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 likes this.
  16. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    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.
     
  17. cdub

    cdub Member AMS Premium CAS Premium RMS Premium SC Premium UBS Premium

    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 likes this.
  18. Dadparvar

    Dadparvar Member AMS Premium RMS Premium SC Premium UBS Premium

    To solve Showcase Gallery problem with RTL, just the code below need to be added to "EXTRA.css":
    Code:
    .es-carousel
    {
        direction: ltr !important;
    }
     
    Sami likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.