Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
andrey
60
Cascade WebDialogWindows produce IG script error
posted

Hello!

There is aspx demonstrating scenario producing the application crash. One modal WebDialogWindow is displaying over another:

<%@ Page Language="C#" AutoEventWireup="true" %>

<!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">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release" />
        <asp:Panel ID="Panel1" runat="server">
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
                <ContentTemplate>
                    <asp:Panel ID="Panel2" runat="server">
                        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                    </asp:Panel>
                    <ig:WebDialogWindow runat="server" ID="WebDialogWindow1"
                        Height="150px" Width="286px" Modal="true" WindowState="Normal" Style="line-height: normal">
                        <Header CaptionAlignment="Left" CaptionText="WebDialogWindow1">
                            <CloseBox Visible="False" />
                        </Header>
                        <ContentPane BackColor="White">
                            <Template>
                                <asp:Button ID="Button2" runat="server" Text="Open Dlg2" />
                                <asp:Button ID="Button3" runat="server" Text="Close Dlg1" />
                            </Template>
                        </ContentPane>
                    </ig:WebDialogWindow>
                    <asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
                        <ContentTemplate>
                            <ig:WebDialogWindow runat="server" ID="WebDialogWindow2"
                                Height="250px" Width="386px" Modal="true" WindowState="Normal" Style="line-height: normal">
                                <Header CaptionAlignment="Left" CaptionText="WebDialogWindow2">
                                    <CloseBox Visible="False" />
                                </Header>
                                <ContentPane BackColor="White">
                                    <Template>
                                        <asp:Button ID="Button4" runat="server" Text="Close Dlg2" />
                                    </Template>
                                </ContentPane>
                            </ig:WebDialogWindow>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </ContentTemplate>
            </asp:UpdatePanel>
        </asp:Panel>
    </div>
    </form>
</body>
</html>

Both dialogs are displayed at page start-up but the same happens when click  the buttons. Than if we try to refresh the page (F5) or to close the browser window, javascript exception "Invalid argument" is thrown:

$IG.DialogMoveBehavior.prototype =
{

[...]

    /* part of modal functionality */
    _modal:function(on)
    {

[...]

        }
        else
        {
            $util.display(lid, false);
            style.marginLeft = style.marginTop = style.width = style.height = '0px';
            div.removeChild(lid);
            elem.style.zIndex = this._oldZ;
        }
    },

The error does not appear without UpdatePanel2 but in our scenario each Dialog should be inside its own  UpdatePanel. We need this issue to be solved as soon as possible cause our customer  wants to know if WebDialogWindow can be used in the real project. Thank you.