VerticalLeft on nested Tabs

2 posts, 0 answers
  1. Rebecca
    Rebecca avatar
    2 posts
    Member since:
    Sep 2011

    Posted 21 Sep 2011 Link to this post

    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).

    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">
                    <telerik:RadTab runat="server" value="rtCourseCompare" Text="Training Comparison Reports" PageViewID="RadPageViewBarCompare" >
                    <telerik:RadTab runat="server" value="rtCourseTrend" Text="Training Trending Reports" PageViewID="RadPageViewBarTrend"  >
                    <telerik:RadTab runat="server" value="rtCourseTrend" Text="Outlier Reports" PageViewID="RadPageViewBottom5">
            <telerik:RadTab runat="server" value="rtSurvey" Text="Survey Reports" >
                    <telerik:RadTab runat="server" value="rtSurveyCompare" Text="Survey Comparison Reports" PageViewID="RadPageViewBarCompare">
                    <telerik:RadTab runat="server" value="rtSurveyTrend" Text="Survey Trending Reports" PageViewID="RadPageViewLineTrend">
            <telerik:RadTab runat="server" value="rtUsage" Text="Usage Reports" PageViewID="RadPageViewUsageLine">

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 22 Sep 2011 Link to this post

    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

  3. DevCraft R3 2016 release webinar banner
Back to Top