Tab getting cut off on multi-row

4 posts, 1 answers
  1. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 09 Nov 2010 Link to this post

    Hi. I've used the RadTabStrip for some time now but never used multi-row. I've noticed when I've tried to use it, that in my first line off tabs, the end of the tab gets cut off. The tabstrip is sitting inside an HTML table cell, if that's any help.

    <telerik:RadTabStrip runat="server" ID="rtsDetails" Skin="Default" Orientation="HorizontalTop"
                                    SelectedIndex="0" MultiPageID="rmpDetails" CausesValidation="false" Width="100%"
                                         OnClientTabSelected="OnClientTabSelected">
                                    <Tabs>
                                        <telerik:RadTab Text="My Details" Value="0">
                                        </telerik:RadTab>
                                        <telerik:RadTab Text="IT Assets" Value="1">
                                        </telerik:RadTab>
                                        <telerik:RadTab Text="Action Requests" Value="2" IsBreak="true">
                                        </telerik:RadTab>
                                        <telerik:RadTab Text="Correspondence" Value="3">
                                        </telerik:RadTab>
                                        <telerik:RadTab Text="Purchase Orders" Value="4" >
                                        </telerik:RadTab>
                                        <telerik:RadTab Text="Support Calls" Value="5">
                                        </telerik:RadTab>
                                    </Tabs>
                                </telerik:RadTabStrip>


  2. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 09 Nov 2010 Link to this post

    I can confirm that this happens outside my project. It only seems to happen with skins that have an angled end like the Default or Forest.

    Daniel
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 11 Nov 2010 Link to this post

    Hello Daniel,

    Yes, this is a known limitation of RadTabStrip's overlapping tabs rendering. Unfortunately there's not much to do about it, since parts of the tabs are rendered inside the next/previous tabs. What you require can be done with a custom skin if the overlapping effect is done with changing the selected tab position to relative in order to get it on top. This however will have some undesired issues in IE6/7 if RadTabStrip is placed in a scrolling container without set position: relative and that's why we don't use it for the internal skins.

    All the best,
    Kamen Bundev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 11 Nov 2010 Link to this post

    Thanks Kamen. We've switch to a different skin and it's working okay now. Thanks again for your response.

    Daniel
Back to Top