I have a question about how to control layout on nested tabs.
TIA
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