RadSlidingPane width tab view

[Juan]

hi, i have this code

<div id="contentlogin">
        <telerik:RadSplitter runat="server" Skin="Black" Orientation="Horizontal" BorderSize="0" PanesBorderSize="0" Width="500px">
            <telerik:RadPane runat="server" Scrolling="none" ShowContentDuringLoad="true">
                <telerik:RadSlidingZone runat="server" Width="500px">
                    <telerik:RadSlidingPane ID="tabslidelog" Title="<span class='txt11fffN'>Login</span>" IconUrl="~/img/blogs.png" TabView="TextAndImage" runat="server" Width="500px" MaxWidth="500" MinWidth="500" MaxHeight="150" EnableDock="true" EnableResize="false" Overlay="true">
                        Pane 1 Content
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>

my problem is in the width of tabview or the title from SlidingPane will be the same; attachment explains better me problem. Thanks.

[Dobromir]

Hi Juan,

RadSplitter does not offer the required functionality out-of-the-box. Nevertheless, you can achieve this using the following approach:

1. Set CssClass property of the RadPane containing the sliding zone - this CSS class will be used for cascading purposes.
2. Clear the float rule of the sliding pane's tab element, e.g.:
   

   .customSlidingTabDecoration .rspPaneTabContainer
   {
       float: none !important;
   }

Kind regards,
Dobromir
the Telerik team