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

RadDock inside a RadWindow

1 Answer 50 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 22 Aug 2010, 03:30 PM
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

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 25 Aug 2010, 10:13 AM
Hello Michael,

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">
<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
Tags
Dock
Asked by
Michael
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or