splitter rtl support chrome - RadSlidingPane

[ido nahmias]

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

[Vessy]

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

[ido nahmias]

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

[Vessy]

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