RadSlidingPane width tab view

2 posts, 0 answers
  1. Juan
    Juan avatar
    20 posts
    Member since:
    Jan 2012

    Posted 26 Apr 2012 Link to this post

    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

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

    Posted 01 May 2012 Link to this post

    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,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. DevCraft R3 2016 release webinar banner
Back to Top