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

orientation

3 Answers 49 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Khushboo
Top achievements
Rank 1
Khushboo asked on 07 Aug 2014, 01:13 PM
Hi,

I want tabs to be at the bottom but its  showing at the top only,

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalBottom"
                SelectedIndex="0" MultiPageID="RadMultiPage1" Skin="Glow">
                <Tabs>
                    <telerik:RadTab Text="Corporate">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Products">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Services">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0"
                Width="150px"  >
                <telerik:RadPageView runat="server" ID="RadPageView1" >
                    <asp:Panel runat="server" ID="pnl1">
                        hii
                    </asp:Panel>
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="RadPageView2" >
                   <asp:Panel runat="server" ID="Panel1">
                        hiiefef
                    </asp:Panel>
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="RadPageView3" >
                   <asp:Panel runat="server" ID="Panel2">
                        hiigvrg
                    </asp:Panel>
                </telerik:RadPageView>
            </telerik:RadMultiPage>

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 08 Aug 2014, 05:26 AM
Hi Khushboo,

Unfortunately I couldn't replicate the issue at my end. Please take a look into this online demo and try to replicate the issue here.

Thanks,
Princy.
0
Khushboo
Top achievements
Rank 1
answered on 08 Aug 2014, 05:55 AM
Hi princy,

In the given link demo they are not using horizontal bottom orientation, they have taken two radstrips and they are hiding and showing dem as per orientation.

Regards,
Khushboo
0
Nencho
Telerik team
answered on 11 Aug 2014, 06:39 AM
Hello Khushboo,

In the referenced demo, you could use the Orientation Configuration section at the right-hand side of the page. However, in order to achieve the desired functionality, you should simply place the RadTabStrip beneath the RadMutliPage in your declaration in the markup, as demonstrated bellow :

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0"
        Width="150px">
        <telerik:RadPageView runat="server" ID="RadPageView1">
            <asp:Panel runat="server" ID="pnl1">
                hii
            </asp:Panel>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="RadPageView2">
            <asp:Panel runat="server" ID="Panel1">
                hiiefef
            </asp:Panel>
        </telerik:RadPageView>
        <telerik:RadPageView runat="server" ID="RadPageView3">
            <asp:Panel runat="server" ID="Panel2">
                hiigvrg
            </asp:Panel>
        </telerik:RadPageView>
    </telerik:RadMultiPage>
    <telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalBottom"
        SelectedIndex="0" MultiPageID="RadMultiPage1" Skin="Glow">
        <Tabs>
            <telerik:RadTab Text="Corporate">
            </telerik:RadTab>
            <telerik:RadTab Text="Products">
            </telerik:RadTab>
            <telerik:RadTab Text="Services">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>


Regards,
Nencho
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
TabStrip
Asked by
Khushboo
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Khushboo
Top achievements
Rank 1
Nencho
Telerik team
Share this question
or