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

VerticalLeft on nested Tabs

1 Answer 43 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Rebecca
Top achievements
Rank 1
Rebecca asked on 21 Sep 2011, 09:33 PM
I have a question about how to control layout on nested tabs.

This page shows the children tabs directly below the parent tabs (my desired effect).
http://www.telerik.com/help/aspnet-ajax/tabstrip-appearance-layout.html

But when I apply orientation="VerticalLeft", the child tabs flyout to the right of the parent Tabs, see screenshot attached

How do I specify that I would prefer the layout in the documentation?

Here is my code

<telerik:RadTabStrip runat="server" ID="rtsReportMenu" Skin="Web20" Orientation="VerticalLeft" MultiPageID="RadMultiPage1">
    <Tabs >
        <telerik:RadTab runat="server" value="rtCourse" Text="Training Reports">
            <Tabs>
                <telerik:RadTab runat="server" value="rtCourseCompare" Text="Training Comparison Reports" PageViewID="RadPageViewBarCompare" >
                </telerik:RadTab>
                <telerik:RadTab runat="server" value="rtCourseTrend" Text="Training Trending Reports" PageViewID="RadPageViewBarTrend"  >
                </telerik:RadTab>
                <telerik:RadTab runat="server" value="rtCourseTrend" Text="Outlier Reports" PageViewID="RadPageViewBottom5">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" value="rtSurvey" Text="Survey Reports" >
            <Tabs>
                <telerik:RadTab runat="server" value="rtSurveyCompare" Text="Survey Comparison Reports" PageViewID="RadPageViewBarCompare">
                </telerik:RadTab>
                <telerik:RadTab runat="server" value="rtSurveyTrend" Text="Survey Trending Reports" PageViewID="RadPageViewLineTrend">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" value="rtUsage" Text="Usage Reports" PageViewID="RadPageViewUsageLine">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>


TIA

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 22 Sep 2011, 09:08 AM
Hello Rebecca,

While using VerticalLeft this is the expected behaviour, i.e RadTabStrip is on the left side of the content (e.g. RadMultiPage). Child tabs (if any) are shown on the right side of parent tabs.
Check the following demo for more information
TabStrip / Orientation

Thanks,
Princy
Tags
TabStrip
Asked by
Rebecca
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or