RadDock inside a RadWindow

2 posts, 0 answers
  1. Michael
    Michael avatar
    15 posts
    Member since:
    Jul 2010

    Posted 22 Aug 2010 Link to this post

    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

  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 25 Aug 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top