Label not displayed consistently

5 posts, 1 answers
  1. Navnit
    Navnit avatar
    19 posts
    Member since:
    Jan 2011

    Posted 22 Aug 2011 Link to this post

    Hi,

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

    Is there any way you could help?

    Thanks
    Navnit
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 23 Aug 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Navnit
    Navnit avatar
    19 posts
    Member since:
    Jan 2011

    Posted 23 Aug 2011 Link to this post

    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
  5. Answer
    Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 23 Aug 2011 Link to this post

    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

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  6. Navnit
    Navnit avatar
    19 posts
    Member since:
    Jan 2011

    Posted 23 Aug 2011 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017