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

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

1 Answer 66 Views

Splitter

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

shunman asked on 06 Oct 2011, 01:35 AM

radsplitter.jpg

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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

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