This is a migrated thread and some comments may be shown as answers.

Tab getting cut off on multi-row

3 Answers 80 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 09 Nov 2010, 08:04 AM
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>


3 Answers, 1 is accepted

Sort by
0
Daniel
Top achievements
Rank 1
answered on 10 Nov 2010, 12:20 AM
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
0
Accepted
Kamen Bundev
Telerik team
answered on 11 Nov 2010, 02:58 PM
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
0
Daniel
Top achievements
Rank 1
answered on 11 Nov 2010, 11:26 PM
Thanks Kamen. We've switch to a different skin and it's working okay now. Thanks again for your response.

Daniel
Tags
TabStrip
Asked by
Daniel
Top achievements
Rank 1
Answers by
Daniel
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or