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