RadSlidingPane Tab Text Orientation

[Paolo Broccardo]

Hi

The RadSlidingPane Tab Text currently displays text vertically one character after another. For example:

T
e
x
t

Is there any other way to orientate the text at all? For example, as if I took the text "Text" and then rotated it 90 degrees anti clockwise??

I have just been demoing these controls to our users and the tet orientation seemed to be quite a big issue for them.

Thanks.

[Tsvetie]

Hi Paolo Broccardo,
Currently, the RadSlidingPane tabs use the "writing-mode" CSS property to display their text exactly the way you describe it. The problem is however, that only IE supports this CSS property. That is why, in case you want to get the same result in all supported browsers, you can use an image, showing the text as you need it to, instead of text. In order to do this, you have to set TabView="ImageOnly" for the RadSlidingPane. Have a look at our Tab View demo that explains this in detail.

Best wishes,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Paolo Broccardo]

Hi

Thanks - doing it with an image will work fine!

Just out of interest - which font-family was used for that tab view demo you referred me to here:
http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_tabview/defaultcs.aspx


Thanks again

[Tsvetie]

Hello Paolo Broccardo,
For the images that we used for the RadSplitter with TabView=ImageOnly, we used "normal 11px Arial".

Kind regards,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Manish]

doing it with an image will work fine on IE,FIREFOX and MOZILLA but not on opera and uc browser. What is the reason behind it?

[Manish]

doing it with an image will work fine on chrome,mozilla and ie but not working on opera and uc browser.

What is the reason behind it?

[Vessy]

Hi Manish,

I have already answered your support ticket on the matter, for convenience I will copy my answer here as well:

We are aware of a similar to the described issue in the SlidingPane tabs and it is already fixed in our latest release. You can test it in our online demos here:
http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_tabview/defaultcs.aspx

In addition, please note that UC is not among the browsers we support thus we cannot guarantee that the controls will behave properly in it. You can find a detailed list of all supported browsers here:
http://www.telerik.com/aspnet-ajax/tech-sheets/browser-support

Regards,
Vessy
Telerik