splitter rtl support chrome - RadSlidingPane

4 posts, 0 answers
  1. ido nahmias
    ido nahmias avatar
    64 posts
    Member since:
    May 2006

    Posted 13 Feb 2013 Link to this post

    hello,

    when i open this link:
    http://demos.telerik.com/aspnet-ajax/splitter/examples/righttoleft/defaultcs.aspx
    in explorer 9 it shows the title on the RadSlidingPane
    but when i open it on chrome it doesn't show the title.
    is there something i can do to fix it?
    are you planning on fixing it in the near time future?

    Thank you
  2. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 13 Feb 2013 Link to this post

    Hi Ido,

    We are aware of this problem and it has already been logged in our TODO list. Most probably it would be fixed for one of the upcoming releases, but for the time being, you could use the following workaround:
    .rspRotatedTabText
    {
       -webkit-transform-origin: 45px 45px !important;
    }

    Regards,
    Vesi
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. ido nahmias
    ido nahmias avatar
    64 posts
    Member since:
    May 2006

    Posted 13 Feb 2013 Link to this post

    Hi,

    Thank you for the answer.
    im using a  RadSlidingPane with an iconUrl so i manage to get the expected behavior with this fix:
    .rspRotatedTabText
    {
    -webkit-transform-origin: 20px 20px !important;
    }
    .rspPaneTabContainer
    {
    height: 80px !important;
    }

    i had to make the height important because it didnt show the entire title only half of it (in explorer it showing just fine).

    these fixes fixed it for the rtl version of the splitter but my site is multilingual so when i tried to go back to LTR i lost the title again.
    any suggestion for a fix that will make it work for both RTL and LTR

    Thank you
  5. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 14 Feb 2013 Link to this post

    Hi Ido,

    Since the bug exists only in the RTL version of the Splitter, you have to apply the fix only when it is using this rendering. A possible solution I could suggest you is to add an additional class to the div which sets the direction of the Splitter and apply those CSS only if this class exist, e.g:
    <div style="direction: rtl" class="rtlWrapper">
        <telerik:RadSplitter runat="server" ID="RadSplitter1">
         ...
        </telerik:RadSplitter>
    </div>
    <style type="text/css">
        .rtlWrapper .rspRotatedTabText
        {
            -webkit-transform-origin: 20px 20px !important;
        }
        .rtlWrapper .rspPaneTabContainer
        {
            height: 80px !important;
        }
    </style>

    Regards,
    Vesi
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top