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

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

1 Answer 29 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
shunman
Top achievements
Rank 1
shunman asked on 06 Oct 2011, 01:35 AM
Hello.

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">
    <title></title>
    <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;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <%--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" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div style="width:100%;height:100%;">
        <telerik:RadSplitter ID="Radsplitter1" runat="server" Width="100%" Height="100%"
            Orientation="Vertical">
            <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:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
            <telerik:RadPane ID="RadpaneContents2" runat="server">
            </telerik:RadPane>
        </telerik:RadSplitter>
    </div>
    </form>
</body>
</html>

1 Answer, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 10 Oct 2011, 12:41 PM
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,
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
Tags
Splitter
Asked by
shunman
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Share this question
or