Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Flash & Javascript problems inside DockLayout
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered Flash & Javascript problems inside DockLayout

Feed from this thread
  • Parimal Modi avatar

    Posted on Nov 9, 2009 (permalink)

    Hi,

    I've three  columns inside my dock layout, Left, Center & right.

    In Left & Right part I've Dock zones and in Center, I'm calling another web page using Iframe. This page contains some flash files & javascript/Jquery animation. The problems which we are facing is:

    1. Whenever we drag any dock control the flash file become invisible.
    2. The second problem is our Javascript/Jquery animations is not working.

    Please help.

    Thanks in advance.

    Best regards,
    Parimal Modi

  • Pero Pero admin's avatar

    Posted on Nov 11, 2009 (permalink)

    Hi Parimal,


    1. This is the default behavior of the RadDock control. All of the <iframes> on the page become invisible when a RadDock is dragged due to the fact that the dock's events are not fired correctly (i.e. they are not fired in the page but in the <iframe>) under some of the browsers when the dock is moved over an <iframe>. You can observe that the dock is not behaving as it should when dragging it over an <iframe> under Firefox. However if you still want to show the <iframe>s here is a way to make them visible all of the time:
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!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>
      
        <script type="text/javascript">
            function DockInitialize(dock, args)
            {
                /// make imframes visible all of the time
                var resizeExtender = dock._resizeExtender;
                resizeExtender.set_hideIframes(false);
            }
        </script>
      
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div>
            <iframe src="http://www.google.com"></iframe>
        </div>
        <div>
            <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
                <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="300px">
                    <telerik:RadDock ID="RadDock1" runat="server" Width="300px" OnClientInitialize="DockInitialize">
                        <ContentTemplate>
                            <br />
                            <br />
                            <br />
                            Content
                            <br />
                            <br />
                        </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>
            </telerik:RadDockLayout>
        </div>
        </form>
    </body>
    </html>

    2. The RadDock uses jQuery animations, and in the project that I tested they are working fine. Please find it attached to the thread. Can you please open a new support ticket and send us a sample running project where this issue can be observed? Once we receive it we will do our best to provide a working solution.


    Greetings,
    Pero
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Attached files

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Flash & Javascript problems inside DockLayout