Label not displayed consistently

[Navnit]

Hi,

I got this bug raised by my QA Team. Please see screenshot for detail.

Is there any way you could help?

Thanks
Navnit

[Dobromir]

Hi Navnit,

This is an expected behavior of RadSlidingPane's tabs. The text rotation is applied by decoration supported only by except Internet Explorer. In order to achieve the exact same look in all browsers I would recommend you to use an image(icon) for the tab, e.g.:

<telerik:RadSlidingPane ID="Pane1" Title="Pane1" runat="server" Width="150" IconUrl="Pane1Icon.gif" tabView="ImageOnly">

More information on the subject is available in the following live demo:
Splitter / Tab View

Greetings,
Dobromir
the Telerik team

[Navnit]

Hi Dobromir,

Thanks for the suggestion. I assume that there's is no way at all we could have the same style in IE. The thing is that if I remove the text, the tab becomes too small when the RadSlidingPane is undocked, making it less usable (if you know what I mean). So I prefer keeping the Image and Text in this case.

Thanks Telerik Team!
Regards,
Navnit

[Dobromir]

Hi Navnit,

Unfortunately, it is not possible to achieve the exact same appearance for the displayed text using CSS. This is due to the different rendering of the tab under the different browsers.

In addition, I believe I was not clear enough with my suggestion, which I apologize for. To ensure that the displayed text looks exactly the same in all browsers, my suggestion was to create an image that contains the displayed text and set it as an icon to the sliding pane - when only image is displayed in the tab, it is sized according to the image, i.e. for vertical splitter the height of the sliding pane's tab will match the height of the image.

Greetings,
Dobromir
the Telerik team

[Navnit]

Hi again Dobromir !

I see what you mean now and this workaround works well :-) Converted it to a png file which takes barely any KBs so as it does not impact on performance.

Thanks for you prompt and brilliant support as always.

Regards,
Navnit