Radsplitter Slidingpane has problem when making ID and tiltle have same text

2 posts, 0 answers
  1. shunman
    shunman avatar
    77 posts
    Member since:
    Jul 2011

    Posted 05 Oct 2011 Link to this post


    I'm using RadSlidingPane on the Radsplitter.
    My problem is,
    If RadSlidingPane's ID and title have same text (eg. ID="RadSlidingPane1" title="RadSlidingPane1"),
    RadSlidingPane content was resized over the Width,  when I resized RadSlidingPane Width.

    if ID and title have different value, it working good.
    I'm attaching screenshot image, and source.
    <%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp1._Default" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
        <style type="text/css">
            body, form, html
                font-size: 12px;
                font-family: Arial, Verdana, Tahoma, MS Sans Serif !important;
                margin: 0px;
                padding: 0px;
                height: 100%;
                overflow: hidden;
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                <%--Needed for JavaScript IntelliSense in VS2010--%>
                <%--For VS2008 replace RadScriptManager with ScriptManager--%>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        <script type="text/javascript">
            //Put your JavaScript code here.
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <div style="width:100%;height:100%;">
            <telerik:RadSplitter ID="Radsplitter1" runat="server" Width="100%" Height="100%"
                <telerik:RadPane ID="RadpaneContents" runat="server" Scrolling="None" BackColor="blue">
                    <telerik:RadSlidingZone runat="server" ID="RadSlidingZone1" Width="22px">
                        <telerik:RadSlidingPane runat="server" ID="RadSlidingPane1" Width="250" MinWidth="125" BackColor="WhiteSmoke"
                            EnableResize="true" Title="RadSlidingPane1" Scrolling="None">
                                tab1<br />
                            <asp:TextBox ID="TextBox1" runat="server" Width="100%"></asp:TextBox>
                <telerik:RadPane ID="RadpaneContents2" runat="server">
  2. Dobromir
    Dobromir avatar
    1633 posts

    Posted 10 Oct 2011 Link to this post

    Hi Shunman,

    The problem that you experience is due to the fact that the Title of the sliding pane is actually larger than its MinWidth and is causing the element that contains the pane to be expanded. We are aware of this issue and are working on its fix, unfortunately I am unable to provide a firm estimate when the fix will be available.

    For the time being, I would suggest you to set the MinWidth property of the sliding pane to value that can cover for the size of the Title.

    All the best,
    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