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
2254
Modal window, set_height and set_width do not work in Safari 5, Firefox 12 and Chrome 19
posted

I have a modal web dialog window

In Javascript I call

           w = $find('<% =WebDialogWindow1.ClientID %>');

           w.set_width(500);

           w.set_height(500);

            w.show();

 

and it doesn't have any effect in Safari 5 Firefox 12 and Chrome 19.

It works correctly only in Internet Explorer 8

The window is shown using the dimensions given at design time, which is not good.

        <ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Height="300px"

            style="z-index: 1; left: 184px; top: 228px; position: absolute;"

            Width="300px" Modal="True">

            <ContentPane>

                <Template>

                    <asp:Label ID="Label1" runat="server"

    style="z-index: 1; left: 48px; top: 124px; position: absolute"

                        Text="This window should be 500x500 "></asp:Label>

                </Template>

            </ContentPane>

        </ig:WebDialogWindow>

 

I am using NetAdvantage 2011 vol 2  Version=11.2.20112.2086

Project is attached, please indicate a workaround, thank you

 

ModalWindowWidthHeight.zip
Parents
No Data
Reply
  • 15979
    Suggested Answer
    posted

    Hello mateia,

    Change the code like this (parameters for the functions should be set in string format):

    <script type="text/javascript">

       var w;

     

       function ShowModalWindow()

       {

          w = $find('<% =WebDialogWindow1.ClientID %>');

          w.set_width("500px");

          w.set_height("500px");

                        

          w.show();       

     

          return false;         

       }

    </script>

     

    And let me know if the window has the correct size now.

Children