Problem with Ajax and RadDock

[Geoff]

Hi All

We have an application that utilises Themes and Master Pages.

Within out master page we have a AjaxManager where we specify the control settings. Eveyrthing works fine - grids etc - but for some reason RadDock throws an error. Grids 'animate' as we would expect the dockzone throws an error.

Have tried using Proxy and other methods but cannot find the issue.

The RadDock saves the layout and allows new content to be added. All docks and content are loaded dynamically.

So in the master pages we have....

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadDockZone1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadDockZone1" LoadingPanelID="LoadingPanel1" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

then the raddock.....

<telerik:RadDockLayout runat="server" ID="RadDockLayout1" OnSaveDockLayout="RadDockLayout1_SaveDockLayout"
       OnLoadDockLayout="RadDockLayout1_LoadDockLayout" EnableEmbeddedSkins="false"
       Skin="IFM1">
       <table id="TableLayout" runat="server">
           <tr valign="top">
               <td>
                   <telerik:RadDockZone BorderWidth="0px" FitDocks="true" runat="server" ID="RadDockZone1"
                       Width="280" MinHeight="480">
                   </telerik:RadDockZone>
               </td>
               <td>
                   <telerik:RadDockZone runat="server" BorderWidth="0px" ID="RadDockZone2" Width="280"
                       MinHeight="480">
                   </telerik:RadDockZone>
               </td>
               <td>
                   <telerik:RadDockZone runat="server" BorderWidth="0px" ID="RadDockZone3" Width="280"
                       MinHeight="480">
                   </telerik:RadDockZone>
               </td>
           </tr>
       </table>
   </telerik:RadDockLayout>

Can anyone point in the right direction as to why the raddock area causes issues

Thanks in advance

Geoff

[Pero]

Hi Geoff,

Instead of ajaxifying a single zone, please ajaxify the whole docking layout by wrapping it inside an ASP.NET Panel and ajaxfy the panel. Then make sure that the docks are always docked, DockMode="Docked" so that they do not leave the area ajaxified by the AjaxManager, or a javascript error will be thrown.
Let me know how it goes.

Best wishes,
Pero
the Telerik team