
The new telerik version its not working dock expand and collapse in my page... what is the solution for that here by pasted my code pls check it and help me
bye
pl.karthik
vcs systems from bangalore.
<
telerik:raddocklayout runat="server" id="RadDockLayout16">
<telerik:raddockzone runat="server" id="RadDockZone161" FitDocks="true" width="90%" MinHeight="200px" BackColor="Transparent" BorderWidth="1px" BorderStyle="1" BorderColor="Transparent" style="float:left;margin-right:15px; margin-bottom:15px;" HighlightedCssClass="MyHighlight">
<telerik:raddock runat="server" id="RadDock1611" title="Content" Width="100%" DockMode="Docked" Skin="Vista" EnableEmbeddedSkins ="false" Resizable="true">
<contenttemplate>
Content for check
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</telerik:raddocklayout>
| <telerik:RadCodeBlock ID="RadCodeBlock12" runat="server"> |
| <script language="javascript" type="text/javascript"> |
| function CheckUploadedFilesSize(progressArea, args) { |
| try { |
| alert(progressArea.Confirmed); // undef |
| alert(args.ProgressData); // undef |
| if (!progressArea.Confirmed && args.ProgressData.RadUpload.RequestSize > 100000000) { |
| alert('<asp:Literal runat="server" Text="<%$Resources:TextResources, ERROR_FILE_TO_BIG%>" />'); |
| // document.close(); |
| progressArea.cancelRequest(); |
| } |
| } catch (e) { |
| // Ignore... |
| } |
| } |
| </script> |
| </telerik:RadCodeBlock> |
| [...] <form ...> <RadFormDecorator... /> <RadScriptManager... /> <RadAjaxManager ... /> <RadAjaxPanel...> [...] |
| <telerik:RadUpload ID="radUpload1" runat="server" ControlObjectsVisibility="ClearButtons" |
| Culture="German" |
| Language="de-DE" OverwriteExistingFiles="true" SkinID="Uploader" Width="100%" Height="100%" MaxFileInputsCount="5" InitialFileInputsCount="3" MaxFileSize="1048576" > |
| <Localization Add="<%$Resources:TextResources, UPLOADER_ADD%>" |
| Clear="<%$Resources:TextResources, UPLOADER_CLEAR%>" |
| Select="<%$Resources:TextResources, UPLOADER_SELECT%>" /> |
| </telerik:RadUpload> |
| <telerik:RadProgressArea Visible="true" runat="server" id="RadProgressArea1" /> |
| <telerik:RadProgressManager ID="Radprogressmanager1" runat="server" OnClientProgressUpdating="CheckUploadedFilesSize"/> [...] </RadAjaxPanel></form> |
| <telerik:RadEditor NewLineBr="False" ID="radEditText" runat="server" EnableEmbeddedSkins="False" Skin="Default" Height="307px" Width="794px" meta:resourcekey="radEditTextResource1" ToolProviderID=""> |
| <Tools > |
| <telerik:EditorToolGroup> |
| <telerik:EditorTool Name="FontName" /> |
| <telerik:EditorTool Name="RealFontSize" Text="Size"/> |
| <telerik:EditorTool Name="ForeColor" /> |
| <telerik:EditorTool Name="Bold" ShortCut="CTRL+B" /> |
| <telerik:EditorTool Name="Italic" ShortCut="Ctrl+I" /> |
| <telerik:EditorTool Name="Underline" ShortCut="Ctrl+U" /> |
| <telerik:EditorTool Name="JustifyLeft" /> |
| <telerik:EditorTool Name="JustifyCenter" /> |
| <telerik:EditorTool Name="JustifyRight" /> |
| <telerik:EditorTool Name="InsertUnorderedList" /> |
| <telerik:EditorTool Name="InsertOrderedList" /> |
| <telerik:EditorTool Name="Indent" /> |
| <telerik:EditorTool Name="Outdent" /> |
| <telerik:EditorTool Name="SpellCheck" /> |
| </telerik:EditorToolGroup> |
| </Tools> |
| <Content></Content> |
| </telerik:RadEditor> |

HI,
I have an aspx page that has a table of both html checkboxes and various asp server controls (some of which are also check boxes). I gave each of the controls an id of btn_1 thru btn_52. btn_1 thru btn_32 are the html checkboxes. btn_33 thru btn_52 are the server controls. I migrated the table from the aspx to a user control. I then placed the user control within a raddock that resides on a different aspx. I have a few javascript functions (contained in the user control ascx file) that manipulates attributes of the controls once rendered on the client. Now that the controls are contained within a user control that is contained within a raddock, I realize that I have to do some drilling down to get a reference to the server side controls on the client. References to the HTML controls do not seem to be a problem. For example: I can obtain a reference to btn_1 (an html checkbox) via: var oChk = document.getElementById('btn_1'). But if I want to get a reference to btn_33 ( a server side checkbox), I have to do it with:
var oChk = document.getElementById("RadDock1_C_ToothPicker1_" + 'btn_33'). I figured this out by "viewing the source code" after the page was rendered. Is there a more genric way to do this? I cannot always be certain that my instance of raddock will always be RadDock1 on any given page. I cannot be certain that my instance of my user control will be ToothPicker1 on any given page.
below please find a sample of my javascript from this project.
<pre>
function
AllClear(oButton) {
// adult teeth
var tt = 0;
for (tt = 1; tt <= 32; tt++) {
var oChk = document.getElementById('btn_' + tt)
oChk.checked =
false;
}
// baby teeth
tt = 0;
for (tt = 33; tt <= 52; tt++) {
var oChk = document.getElementById("RadDock1_C_ToothPicker1_" + 'btn_' + tt)
oChk.checked = false;
}
return false;
}
</pre>
| function OnClientFolderChange(sender, args) { var
item = args.get_item();
|
| TellServerAboutSelectedElement("DIR:" + item.get_path()); |
| } |
| function TellServerAboutSelectedElement(argument) { |
| var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>"); |
| ajaxManager.ajaxRequest(argument); |
| } |
| function OnClientFolderChange(sender, args) { |
| var item = args.get_item(); |
| if(nQueueCounter>0) { |
| EnqueuRequest("TellServerAboutSelectedElement", "DIR:" + item.getPath(); |
| return; |
| } |
| TellServerAboutSelectedElement("DIR:" + item.get_path()); |
| } |
| function ResponseEnded(sender, args) { |
| nQueueCounter--; |
| HandleQueuedCalls(); |
| } |
| function RequestStarted(sender, args) { |
| nQueueCounter++; |
| } |
| function TellServerAboutSelectedElement(argument) { |
| var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>"); |
| ajaxManager.ajaxRequest(argument); |
| } |