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

VerticalLeft: MultiPage went down

2 Answers 60 Views

TabStrip

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

Eliyahu Goldin asked on 05 Sep 2009, 10:23 PM

In many places in my application I use a vertically-oriented TabStrip control for editing.

 <telerik:RadTabStrip ID="tsPropertyGroups" runat="server" Skin="Outlook" EnableTheming="false"

     MultiPageID="mpPropertyGroups" Orientation="VerticalLeft" SelectedIndex="0"

     <Tabs>

         <telerik:RadTab Text="Settings" PageViewID="pvSettings" />

         <telerik:RadTab Text="Sections" PageViewID="pvSections" />

         <telerik:RadTab Text="Columns" PageViewID="pvColumns" />

     </Tabs></telerik:RadTabStrip>



<telerik:RadMultiPage runat="server" ID="mpPropertyGroups" SelectedIndex="0">

...

It worked nicely in version 2008 Q3. Starting from 2009 Q1 the MultiPage moved down the TabStrip instead if being on the right. This stops me from upgrading to any version newer than 2008 Q3.

Please advice on solutions.

Thank you

2 Answers, 1 is accepted

Accepted

answered on 07 Sep 2009, 11:13 AM

Hello Eliyahu,

Here's a sample code snippet that shows the needed approach.

    
            <html xmlns="http://www.w3.org/1999/xhtml">   
        
            <head runat="server">   
        
                <title></title>   
        
                <style type="text/css">   
        
                    .RadTabStripVertical   
        
                    {   
        
                        float: left !important;   
        
                    }   
        
                </style>   
        
            </head>   
        
            <body>   
        
                <form id="form1" runat="server">   
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">   
        
                </telerik:RadScriptManager>   
        
                <telerik:RadTabStrip ID="tsRoomView" runat="server" CausesValidation="False" Orientation="VerticalLeft"   
        
                    SelectedIndex="5" ClickSelectedTab="True" UnSelectChildren="True" MultiPageID="mpvRoomView">   
        
                    <Tabs>   
        
                        <telerik:RadTab runat="server" Text="Property" PageViewID="pvProperty">   
        
                        </telerik:RadTab>   
        
                        <telerik:RadTab runat="server" Text="Room Type" PageViewID="pvRoomtype">   
        
                        </telerik:RadTab>   
        
                        <telerik:RadTab runat="server" Text="Rooms" PageViewID="pvRoom">   
        
                        </telerik:RadTab>   
        
                    </Tabs>   
        
                </telerik:RadTabStrip>   
        
                <telerik:RadMultiPage ID="mpvRoomView" runat="server">   
        
                    <telerik:RadPageView ID="pvProperty" runat="server">   
        
                        <asp:Label ID="Label1" runat="server" Text="Property"></asp:Label>   
        
                    </telerik:RadPageView>   
        
                    <telerik:RadPageView ID="pvRoomtype" runat="server">   
        
                        <asp:Label ID="Label2" runat="server" Text="Roomtype"></asp:Label>   
        
                    </telerik:RadPageView>   
        
                    <telerik:RadPageView ID="pvRoom" runat="server">   
        
                        <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>   
        
                    </telerik:RadPageView>   
        
                </telerik:RadMultiPage>   
        
                </form>   
        
            </body>   
        
            </html>

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

VerticalLeft: MultiPage went down

2 Answers, 1 is accepted