I have just recently upgraded from Q3 2011 to Q1 2014 of RadControls and some client side code has stopped working. What I have are 3 RadSlidingZones within a RadSplitter/RadPane. What I'm trying to do is disable the first RadSlidingzone "slPane1" by default in JavaScript at the bottom of the page. This code used to work before the upgrade. I'm also using IE11, .Net Framework 4.5, & VS2012. Please advise.
Thanks,
Rob
Thanks,
Rob
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestRadSlidingZone.aspx.vb" Inherits="TestRadSlidingZone" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
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"
/>
<
asp:ScriptReference
Path
=
"~/Script/jQuery/jquery-ui-1.8.17.custom.min.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
div
>
<
telerik:RadSplitter
ID
=
"RadSplitter1"
runat
=
"server"
>
<
telerik:RadPane
runat
=
"server"
ID
=
"pNav"
Height
=
"100%"
>
<
div
id
=
"DivSLZone"
runat
=
"server"
style
=
"float: left; clear: none; width: 22px; height: 100%;"
>
<
telerik:RadSlidingZone
ID
=
"slZone"
runat
=
"server"
SlideDirection
=
"Right"
ClickToOpen
=
"true"
Width
=
"22"
>
<
telerik:RadSlidingPane
ID
=
"slPane1"
Title
=
"sPane 1"
runat
=
"server"
Width
=
"275"
EnableDock
=
"false"
Height
=
"100%"
>
<
div
runat
=
"server"
id
=
"divSlPane1"
>
</
div
>
</
telerik:RadSlidingPane
>
<
telerik:RadSlidingPane
ID
=
"slPane2"
Title
=
"sPane 2"
runat
=
"server"
Width
=
"275"
EnableDock
=
"false"
Height
=
"100%"
>
<
div
runat
=
"server"
id
=
"divSlPane2"
>
</
div
>
</
telerik:RadSlidingPane
>
<
telerik:RadSlidingPane
ID
=
"slPane3"
Title
=
"sPane 3"
runat
=
"server"
Width
=
"275"
EnableDock
=
"false"
Height
=
"100%"
>
<
div
runat
=
"server"
id
=
"divSlPane3"
>
</
div
>
</
telerik:RadSlidingPane
>
</
telerik:RadSlidingZone
>
</
div
>
<
div
style
=
"height: 100%;"
>
<
asp:PlaceHolder
runat
=
"server"
ID
=
"phLeft"
/>
</
div
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
runat
=
"server"
ID
=
"sBar1"
CollapseMode
=
"Forward"
EnableResize
=
"true"
/>
<
telerik:RadPane
runat
=
"server"
ID
=
"pContent"
Scrolling
=
"none"
BackColor
=
"white"
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
</
form
>
</
body
>
</
html
>
<
telerik:RadCodeBlock
runat
=
"server"
ID
=
"rcb"
>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
var pnl = $find('<%= slPane1.ClientID%>');
if (pnl != null)
pnl._tabContainer.disabled = true;
});
</
script
>
</
telerik:RadCodeBlock
>
Partial
Class
TestRadSlidingZone
Inherits
System.Web.UI.Page
End
Class