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
                        </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.
  2. Dobromir
    Admin
    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,
    Dobromir
    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top