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

Tab Alignment in Slider

4 Answers 51 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Wimpie
Top achievements
Rank 1
Wimpie asked on 16 Oct 2009, 12:49 PM
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

4 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 21 Oct 2009, 11:52 AM
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.
0
Wimpie
Top achievements
Rank 1
answered on 23 Oct 2009, 05:49 AM

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 ?

0
Wimpie
Top achievements
Rank 1
answered on 23 Oct 2009, 06:15 AM

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 ?

0
Svetlina Anati
Telerik team
answered on 23 Oct 2009, 09:15 AM
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.
Tags
Slider
Asked by
Wimpie
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Wimpie
Top achievements
Rank 1
Share this question
or