I am opening a window with RadWindow. Inside the RadWindow I have a bunch of things including a zone that is docked inside a RadDock. If I undock this zone, I can only move it around within the RadWindow.
How can I fix this so I can move it outside the RadWindow?
I am opening my RadWindows with radopen(page, null). Maybe I need to open the windows differently such that the stuff inside the window is visible also to the root window? Not sure though.
Michael Grant
How can I fix this so I can move it outside the RadWindow?
I am opening my RadWindows with radopen(page, null). Maybe I need to open the windows differently such that the stuff inside the window is visible also to the root window? Not sure though.
Michael Grant
1 Answer, 1 is accepted
0
Hello Michael,
Try using RadWindow's <ContentTemplate> to load dock inside, i.e.:
When you load page inside the window, an <iframe/> element is created and the page, together with the dock, is loaded in the <iframe/>. The <iframe/> element captures all the events and does not allow the dock to escape outside the bounds, as shown in the following example also: http://demos.telerik.com/aspnet-ajax/dock/examples/righttoleft/defaultcs.aspx.
Best wishes,
Pero
the Telerik team
Try using RadWindow's <ContentTemplate> to load dock inside, i.e.:
<!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></head><body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableCdn="true"> <CdnSettings TelerikCdn="Enabled" /> </telerik:RadScriptManager> <script type="text/javascript"> //Put your JavaScript code here. </script> <div> <telerik:RadDockLayout ID="RadDockLayout1" runat="server"> <telerik:RadWindow ID="Window1" runat="server" Width="500px" Height="500px" VisibleOnPageLoad="true"> <ContentTemplate> <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px"> <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px"> <ContentTemplate> <br /> <br /> <br /> <br /> <br /> CONTENT <br /> <br /> <br /> <br /> <br /> </ContentTemplate> </telerik:RadDock> </telerik:RadDockZone> </ContentTemplate> </telerik:RadWindow> </telerik:RadDockLayout> </div> </form></body></html>When you load page inside the window, an <iframe/> element is created and the page, together with the dock, is loaded in the <iframe/>. The <iframe/> element captures all the events and does not allow the dock to escape outside the bounds, as shown in the following example also: http://demos.telerik.com/aspnet-ajax/dock/examples/righttoleft/defaultcs.aspx.
Best wishes,
Pero
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items