Tab Alignment in Slider

5 posts, 0 answers
  1. Wimpie
    Wimpie avatar
    3 posts
    Member since:
    Oct 2008

    Posted 16 Oct 2009 Link to this post

    Is there a way I can align the tab in the slider to the Right of the screen ?
    The tab is set to slide out to the bottom from the top, but the tab is horisontally Left aligned.

    Thanks in advance
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 21 Oct 2009 Link to this post

    Hello Wimpie,

    Yes, it is possible to change the position of the RadSlidingPanes' tabs - in ordre to do it, please use the following CSS:

    <style type="text/css">
       .rspPaneTabContainer
       {
        float: right !important;
        border-left-width: 1px !important;
       }
       </style>

    I prepared for you a sample demonstration page - you can find it below:

    <head runat="server">
        <title>Untitled Page</title>
        <style type="text/css">
        .rspPaneTabContainer
        {
         float: right !important;
         border-left-width: 1px !important;
        }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager" runat="server">
            </asp:ScriptManager>
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" Width="800">
                <telerik:RadPane ID="RadPane1" runat="server" Height="22">
                    <telerik:RadSlidingZone ID="zone" runat="server">
                        <telerik:RadSlidingPane ID="slide1" runat="server" Title="First">
                        </telerik:RadSlidingPane>
                        <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="First1">
                        </telerik:RadSlidingPane>
                    </telerik:RadSlidingZone>
                </telerik:RadPane>
                <telerik:RadPane ID="RadPane2" runat="server">
                </telerik:RadPane>
            </telerik:RadSplitter>
        </form>
    </body>
    </html>

    I hope this is helpful, let me know how it goes.

    Best wishes,
    Svetlina
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Wimpie
    Wimpie avatar
    3 posts
    Member since:
    Oct 2008

    Posted 23 Oct 2009 Link to this post

    Hi Svetlina.

    Thanks for your reply.
    I tried the example you gave me, but I see no difference at all inthe positions of the tabs. They still remail to the left.
    Am I missing something ?
    Do I have to apply the .rspPaneTabContainer style to a particular object ie : to the Radpane in particular ?

  5. Wimpie
    Wimpie avatar
    3 posts
    Member since:
    Oct 2008

    Posted 23 Oct 2009 Link to this post

    Hi Svetlina.

    Thanks for your reply.
    I tried the example you gave me, but I see no difference at all in the positions of the tabs. They still remain to the left.
    Am I missing something ?
    Do I have to apply the .rspPaneTabContainer style to a particular object ie : to the Radpane in particular ?

  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 23 Oct 2009 Link to this post

    Hello Wimpie,

    The mentioned CSS selector is embedded and you do not have to add it to any control on the page but to simply declare it as shown. Since this works as expected on my side I can make the following assumptions why it does not on your side:

    1) Make sure that you have included the keyword !important - it provides a higher priority to your setting and if you miss it, it will be overridden by the default style.

    2) Is there any cahnce that you are using an older version than the one you have specified? We changed the CSS classes naming conventions of RadControls in Q1 2009 and if you are using an older version, this CSS class is not called in this manner and the setting will not be applied.

    Let me know whether my assumptions helped in resolving the problem and in case they do not, please provide more information and also a live url if possible.

    Regards,
    Svetlina
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017