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

Uncaught TypeError: Cannot set property 'control' of undefined

1 Answer 605 Views

Splitter

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

Mahadev asked on 16 Dec 2013, 12:17 PM

i have a website that uses Telerik controls. in dis prjct i have used RadSplitter,in RadSplitter am using 2 RadPane . one of them is RadSlidingPane and the other is flexpaper
while working with flexpaper, im getting half page splitter on page load but not everytime
i have used dis code:
<telerik:radajaxmanagerproxy runat="server" id="RadAjaxManagerProxy1">
<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadSplitter2">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="LeftPane" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:radajaxmanagerproxy>
<telerik:radscriptmanager runat="server" id="RadScriptManager1" enablepagemethods="true" />
<div id="loaddiv1" style="overflow: hidden;" class="DivClick">
<div class="overlayDiv" id="loaddiv2" style="overflow: hidden;">
<telerik:radsplitter id="RadSplitter2" runat="server" width="100%" enableembeddedskins="true"
onclientloaded="SplitterLoaded">
<telerik:RadPane ID="LeftPane" runat="server" Width="22" Height="100%">
<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22" ClickToOpen="true">
<telerik:RadSlidingPane ID="Pane1" Title="Highlights" runat="server" OnClientUndocking="changecolor"
ClientIDMode="Static" CssClass="Pane1Class" Width="250" DockOnOpen="true" MinWidth="100"
Scrolling="None">
<table>
<tr>
<td>
<asp:TextBox ID="txtSearchHighlights" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td style="padding-left: 10px;">
<img src="Images/Search_icon.png" id="btnSercahHighlights" onclick="searchHighlights();"
style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="Img1" alt="Clear" onclick="clearhighlights();" style="cursor: pointer;" />
</td>
</tr>
</table>
<%--<div style="width:105px; height:38px; margin:20px 23px 0 0; float:left; background:#23A0DA; text-align:center; font-size:18px; color:#FFF; border:none; cursor:pointer;" >
<telerik:RadButton ID="btnHighlights" runat="server" ForeColor="White" Width="70px" Height="40px"
Text="Download" onclick="btnHighlights_Click" >

<%--<Image ImageUrl="Images/download.png" IsBackgroundImage="true" HoveredImageUrl="Images/download.png" PressedImageUrl="Images/download.png" ></Image>
</telerik:RadButton>
</div>OnClick="btnHighlights_Click"--%>
<div style="padding-left: 200px;">
<table>
<tr>
<td>
<%-- <telerik:RadButton ID="btnHighlights" runat="server" Style="border-width: 0px;" Text="Download"
OnClientClicked="ExcellDownload('highlights'); return false;" >
<ContentTemplate>--%>
<%-- <img src="Images/icon_excel.png" alt="Download" />--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="excell"
ID="btnHighlights" runat="server" OnClientClick="ExcellDownload('highlights'); return false;"
ClientIDMode="Static" />
<%--</ContentTemplate>
</telerik:RadButton>--%>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintheighlights"
runat="server" OnClientClick="Print('heighlights'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<div id='odvHighlights' style="padding-left: 7px; overflow-y: auto;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane2" Title="Notes" runat="server" Width="270" MinWidth="100"
OnClientUndocking="changecolor" DockOnOpen="true">
<table>
<tr>
<td>
<asp:TextBox ID="txtSearchNotes" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td>
<img src="Images/Search_icon.png" id="btnSearchNotes" onclick="searchNotes();" style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="ImgclearNotes" onclick="clearnotes();" style="cursor: pointer;"
alt='Clear' />
</td>
</tr>
</table>
<div style="padding-left: 200px;">
<table>
<tr>
<td>
<div id="divbtnNotes" style="border-color: Blue; color: Black; display: none;">
<%--<telerik:RadButton ID="btnSearchNotes1" Style="border-width: 0px;" runat="server"
ToolTip="Download excell" Text="Download" OnClick="btnSearchNotes1_Click">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Excell"
ID="btnSearchNotes1" runat="server" OnClientClick="ExcellDownload('Notes'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintNotes"
runat="server" OnClientClick="Print('notes'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%-- <input type="button" id="btnSearchNotes" value="Search Notes" onclick="searchNotes();"
style="cursor: pointer;" />--%>
<div id='odvViewNotes' style="padding-left: 7px; overflow-y: auto;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane3" Title="Chat" runat="server" Width="400" MinWidth="400"
OnClientUndocking="changecolor" DockOnOpen="true" onclientloaded="SplitterLoaded">
<div id="divcht">
<div id="loadingimg" style="display:none;height: 100%;z-index: 999999;background: gray;float: left;position: fixed;width: 100%;opacity: 0.4;">
<div style="height:100%;width:100%;margin:auto;"> <img src='Images/loading_orange.gif' /></div>
</div>

<table style="width: 100%">
<tr>
<td colspan="2">
<div id='dvNotification'>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<ul id="shortcut" style="margin-top: 0px; padding-bottom: 0px;">
<li><a title="Threads" style="margin-top: 0px;" class="ThreadsPnl">
<img src="images/icon/shortcut/chat-quote.png" alt="Pins" /><strong>Chats<span id="SpnThreadsCnt"></span></strong></a>
</li>
</ul>
</td>
</tr>
<tr>
<td>
<span style="padding-left: 4px;">Select PINs</span>
</td>
<td style="padding-left: 4px;">
<table style="width: 100%">
<tr>
<td>
<asp:DropDownList ID="ddlPINs" runat="server" onchange="PinUsers(this);">
</asp:DropDownList>
</td>
<td>
<img src="Images/Search_icon.png" id="btnPinInviteSubscription" runat="server" alt='Request for Subcsciption'
onclick="InviteForSubscription();" style="cursor: pointer;" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td colspan="2">
<div id='dvPinRegUsers' style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</div>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td>
<span style="padding-left: 4px;">Chat Name </span>
</td>
<td style="padding-left: 4px;">
<asp:TextBox ID="txtChatName" Width="181px" runat="server"></asp:TextBox>
<img src="Images/add.jpg" title="Invite" width="30px" height="20px" id="ImgInvite"
style="cursor: pointer;" alt='Invite' onclick="SendInvitation(); return false;" />
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<%-- <input type="button" id="ImgInvite" style="cursor: pointer;" alt='Invite' title="Invite"
onclick="SendInvitation();" />--%>
</td>
</tr>
<tr>
<td style="height: 5px;">
</td>
</tr>
<tr>
<td colspan="2">
<div>
<%--BEGIN Chat panel--%>
<%-- <div class="topcolumn">
<div class="logo">
</div>
</div>
<div class="clear">
</div>--%>
<%--<div id="divwidget" class="widget">
<div class="header">
<span><span class="ico gray record"></span>Current Pins- Select a pin to chat</span></div>
<div class="chatcontent">

<div class="overflow" style="height: 165px">
<div class="oneThree" style="width: 95%">
<br />
<br />
</div>
</div>
</div>

</div>--%>
<div>
<div class="widget" id="ThreadsPnl">
<div class="header">
<span><span class="ico gray group"></span>Current Chats</span>
</div>
<div class="chatcontent" style="width: 100%;">
<div class="tableName" style="width: 100%;">
<table class="display Thread_data_table" id="Thread_data_table">
<thead>
<tr>
<th>
<div class="th_wrapp" style="padding-left: 33px;">
Chat Name
</div>
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="ChatPnl" style="display: none; background: #6BABFF; text-align: center;">
<div class="widget">
<div class="header" style="font-weight: bold; text-align: center; vertical-align: middle;">
<div id="SpnConversationThreadTitle">
</div>
<label class="ThreadsPnl" style="float: right; cursor: pointer;">
Minimize</label>
</div>

<div class="chatcontent" style="overflow: hidden;">
<%-- style="width: 60px; padding-top: 2px; float: left"--%>
<div class="userOnline" style="width: 100%; padding-top: 2px; float: left;">
<table width="100%">
<tr style="background-color:White;">
<td>
<ul style="display: table-row;">
</ul>
</td>
<td align="right" style="background-color:White;">
<div style="font-weight:bold;">
Invite Contact
<img src="Images/add.jpg" style="cursor:pointer;margin-right: 5px;" title="Invite" onclick="Invitecontact(); return false;" width="30px" height="20px" id="chtinvitecontact" />
</div>
</td>
</tr>
</table>
</div>
<div>
<div id="DivMessageArea" style="margin-left: 65px;">
</div>

<div class="clear">
</div>
<div class="commentMsg">
<textarea style="margin-left: 10px;" placeholder="Add a comment or a reply here ..."
id="txtMessage"></textarea>
<div>
<a class="uibutton" relUserid="1" id="btnSendMsg">Send Post</a></div>
</div>
</div>

<div class="clear">
</div>
</div>

</div>
</div>
<%--END Chat panel--%>
</div>
</td>
</tr>
</table>

</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane4" Title="Dictionary" runat="server" Width="250"
OnClientUndocking="changecolor" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td>
<asp:TextBox ID="txtDictionaryWord" runat="server"></asp:TextBox>
</td>
<td style="padding-left: 3px;">
<img src="Images/Search_icon.png" id="btnSearchDictionary" onclick="SearchWord();"
style="cursor: pointer;" />
</td>
<td>
<img src="Images/clear.jpg" id="Img2" onclick="ClearDictionaryData()" style="cursor: pointer;"
alt='Clear' />
</td>
</tr>
</table>
<br />
<br />
<div id='dvDictionary'>
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane5" Title="Table of Contents" runat="server" Width="250"
OnClientUndocking="changecolor" MinWidth="100" DockOnOpen="true">
<br />
<div id="">
<table>
<tr>
<td>
<div align="center" style="padding-left: 202px;">
<%--<telerik:RadButton ID="btnChapters" ToolTip="Dowload excell" Style="border-width: 0px;"
ClientIDMode="Static" OnClick="btnChapters_Click" runat="server" Text="Download">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Print"
ID="btnChapters" runat="server" OnClientClick="ExcellDownload('chapter'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintChapters"
runat="server" OnClientClick="Print('chapter'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%--<asp:Button ID="btnChapters" OnClientClick="Download('chapters'); return false;" runat="server" Text="Download" />--%>
<%-- <telerik:RadButton ID="btnChapters" runat="server" Text="Download"
onclick="btnChapters_Click"></telerik:RadButton>--%>
<div id='dvTableOfContents' style="padding-left: 7px; overflow-y: auto; max-height: 480px;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Pane6" Title="BookMarks" runat="server" Width="250" MinWidth="100"
OnClientUndocking="changecolor" DockOnOpen="true">
<table width="240px">
<tr>
<td width="70px">
<asp:TextBox ID="txtBookMarkName" ClientIDMode="Static" runat="server"></asp:TextBox>
</td>
<td align="left">
<asp:ImageButton ImageUrl="~/Images/save.png" ToolTip="save" ID="btnSaveBookMark"
runat="server" OnClientClick="SaveBookMarkDetails();" />
</td>
</tr>
</table>
<%-- <img src="Images/search_btn2.png" id="btnSaveBookMark" onclick="SaveBookMarkDetails();"
style="cursor: pointer;" />--%>
<div align="center" style="margin-bottom: -9px; padding-left: 151px;">
<table>
<tr>
<td>
<div style="border-width: 0px;">
<%--<telerik:RadButton ID="btnBookMarks" ToolTip="Download Excell" Style="border-width: 0px;
display: inline;" ClientIDMode="Static" OnClick="btnBookMarks_Click" runat="server"
Text="Download">
<ContentTemplate>
<img src="Images/icon_excel.png" alt="Download" />
</ContentTemplate>
</telerik:RadButton>--%>
<asp:ImageButton Style="padding-right: 5px;" ImageUrl="~/Images/icon_excel.png" ToolTip="Print"
ID="btnBookMarks" runat="server" OnClientClick="ExcellDownload('Bookmarks'); return false;"
ClientIDMode="Static" />
</div>
</td>
<td>
<div style="border-width: 0px;">
<asp:ImageButton ImageUrl="~/Images/printer.png" ToolTip="Print" ID="ibtnPrintBookMark"
runat="server" OnClientClick="Print('bookmark'); return false;" ClientIDMode="Static" />
</div>
</td>
</tr>
</table>
</div>
<%-- <telerik:RadButton ID="btnBookMarks" Height="25" Enabled="false" Width="35" runat="server" Image-IsBackgroundImage="true" Image-EnableImageButton="true" Image-DisabledImageUrl="~/Images/download.gif"
Image-ImageUrl="~/Images/download.gif"
onclick="btnBookMarks_Click"></telerik:RadButton>--%>
<%-- <asp:Button ID="btnBookMarks" OnClientClick="Download('bookmark'); return false;" runat="server" Text="Download" /> onclick="btnprintBookMark_Click"--%>
<div id='dvBookMarks' style="padding-left: 7px; overflow-y: auto; max-height: 400px;">
</div>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Share Resources" runat="server"
OnClientUndocking="changecolor" Width="340" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td>
<table>
<tr>
<td>
Select PINS
</td>
<td>
<asp:DropDownList ID="ddlRegPins" ClientIDMode="Static" runat="server" onchange="PinUsersForSharing(this);">
</asp:DropDownList>
</td>
</tr>
</table>
<%-- <span style="padding-left: 4px;">Select PINs</span>
<div style="float: right; padding-right: 43px;">
<asp:DropDownList ID="ddlRegPins" runat="server" onchange="PinUsersForSharing(this);">

</asp:DropDownList>--%>
<%-- <img src="~/Images/Search_icon.png" id="Img1" runat="server" alt='Share Resource'
style="cursor: pointer;" /></div>--%>
</td>
</tr>
<tr>
<td colspan="2">
<asp:CheckBoxList ID="chkResourceType" ClientIDMode="Static" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Text="Highlights" Value="1"></asp:ListItem>
<asp:ListItem Text="BookMarks" Value="2"></asp:ListItem>
<asp:ListItem Text="Notes" Value="3"></asp:ListItem>
</asp:CheckBoxList>
</td>
</tr>
<tr>
<td>
<div id="divRegPinUsers" class="classhide">
</div>
</td>
</tr>
<tr>
<td align="center">
<img id="SaveSharing" title="Save" style="cursor: pointer;" src="Images/Share_button.png"
alt="Share source" height="25px" width="40px" onclick="Share(); return false;" />
<img id="btnUpdate" style="display: none;" src="Images/Update.png" title="Update"
alt="Update" height="25px" width="40px" onclick='Update(); return false;' />
<%-- <asp:Button ID="btnUpdate" ClientIDMode="Static" CssClass="button03" Style="display: none;"
OnClientClick="Update(); return false;" runat="server" Text="Update" />--%>
</td>
<td>
</td>
</tr>
<tr>
<td id="tdGrid" colspan="2">
<div id='divGridviewShared'>
</div>
</td>
</tr>
</table>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="SharingNotification" Title="Sharing Notifications" runat="server"
OnClientUndocking="changecolor" Width="250" MinWidth="100" DockOnOpen="true">
<table>
<tr>
<td style="color: Black; font-weight: bold;">
Received Notifications
</td>
</tr>
<tr>
<td id="rptToUsersNotify" style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</td>
</tr>
<tr>
<td id="tdtitle" style="font-family: Arial Black;">
</td>
</tr>
<tr>
<td id="tdShowNotifyData" style="padding-left: 7px; overflow-y: auto; max-height: 300px;">
</td>
</tr>
</table>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server">
</telerik:RadSplitBar>
<telerik:RadPane ID="MiddlePane" runat="server">
<div style="width: 100%; height:100%;">
<div id="documentViewer" style="position: relative; width: 100%; height: 100%">
</div>
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server">
</telerik:RadSplitBar>
</telerik:radsplitter>
<div id="loadingmessage" style='display: none'>
<img id="imgWaitIcon" src="<%=Page.ResolveUrl("~/images/loading-bar-big.gif") %>"
alt="loading" align="middle" style="border-width: 0px;" />
</div>
</div>
<asp:HiddenField ID="H_BookID" ClientIDMode="Static" runat="server" />
<input type="hidden" runat="server" value="" id="hdnFilePath" />
<input type="hidden" runat="server" value="" id="hdnBookID" />
<input type="hidden" runat="server" value="" id="hdnPageID" />
<input type="hidden" clientidmode="Static" runat="server" value="" id="hdnActivePin" />
<input type="hidden" runat="server" value="" id="hdnSelectedValue" />
<input type="hidden" runat="server" value="-1" id="hdnThreadID" />
<input type="hidden" runat="server" value="" id="EditUserID" clientidmode="Static" />
<input type="hidden" runat="server" id="H_ToUserID" clientidmode="Static" />
<input type="hidden" id="hdnUserID" runat="server" />
<input type="hidden" id="hdnUserName" runat="server" />
<input type="hidden" id="H_Cid" runat="server" />
<input type="hidden" id="H_UserID" runat="server" />
</div>

1 Answer, 1 is accepted

answered on 19 Dec 2013, 12:49 PM

Hello Mahadev,

I was not able to reproduce the exact reported error, but there are some improper configurations in the provided code snippet that may lead to such errors:

The RadSlidingPane, RadPane, and RadSplitBar controls cannot be updated directly with an Ajax Manager control - AJAX updates.
By design RadSlidingPane (and RadControls at all) supports only ClientIdMode="Auto" and it is highly recommended to configure it this way in order to generate correct client IDs. When ClientIdMode property is set to static many unexpected errors could be experienced.

I hope this information will be helpful.

Kind regards,
Veselina Raykova
Telerik

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 the blog feed now.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Uncaught TypeError: Cannot set property 'control' of undefined

1 Answer, 1 is accepted