orientation

4 posts, 0 answers
  1. Khushboo
    Khushboo avatar
    10 posts
    Member since:
    Jan 2014

    Posted 07 Aug 2014 Link to this post

    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>
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 08 Aug 2014 in reply to Khushboo Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Khushboo
    Khushboo avatar
    10 posts
    Member since:
    Jan 2014

    Posted 08 Aug 2014 in reply to Princy Link to this post

    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
  5. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 11 Aug 2014 Link to this post

    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.

     
Back to Top