Tab getting cut off on multi-row

[Daniel]

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>

[Daniel]

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

[Kamen Bundev]

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

[Daniel]

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

Daniel