Modal Window and Viewport

  1. #1

    Modal Window and Viewport

    Hello,

    I have the same problem like this guy:http://forums.ext.net/showthread.php...w-and-form-tag
    But I don't think that the key point is form tag.
    I think that is not compatible with 'Viewport and 'ModalWindow'.
    With 2.x and IE 9.
    This bug does not exist in 1.x.
    Please check it.

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <form id="form1" runat="server">
        <div>
            <ext:Button ID="Button1" runat="server" Text="Show Window (Client Event)" Icon="Application"
                OnClientClick="#{Window1}.show();" />
            <ext:Window ID="Window1" runat="server" Title="Hello World" Icon="Application" Height="185"
                Width="350" BodyStyle="background-color: #fff;" BodyPadding="5" Modal="true">
                <Content>
                    Test <a target="_blank" href="http://www.ext.net/">Ext.NET</a> Window.
                </Content>
            </ext:Window>
            <ext:Viewport ID="Viewport_Main" runat="server" Layout="border">
                <Items>
                    <ext:Panel ID="Panel2" runat="server" Height="300" Title="Title" Region="Center">
                        <Content>
                            Remove this Viewport and it can work well.
                        </Content>
                    </ext:Panel>
                </Items>
            </ext:Viewport>
        </div>
        </form>
    </body>
    </html>
    Best Regards,
    Toste
    Last edited by Qulei; Nov 04, 2013 at 3:51 AM.
  2. #2
    I need some suggestions.Why no one reply?
  3. #3
    Hi @Qulei,

    I guess you are running IE in the compatibility mode, isn't that so?
  4. #4
    Hi Daniil,

    I have tried with IE 7, but I got the same result.I wonder that if you can run my code correctly?
  5. #5
    Ok, then you are facing exactly the same issue which you mentioned:
    http://forums.ext.net/showthread.php?19972

    And there is nothing to add to that discussion.
  6. #6
    I don't think so.

    You mainly discusses form tag and window, but as I mentioned, I think viewport and window conflict.
    If a page have no viewport but a form tag, it also can normal operation.

    So,I wish you to check it and solve this problem fundamentally.

    By the way,how can I use behind code to make a temporary solution to the problem?

    Thank you.
  7. #7
    Quote Originally Posted by Qulei View Post
    You mainly discusses form tag and window, but as I mentioned, I think viewport and window conflict.
    If a page have no viewport but a form tag, it also can normal operation.
    Yes, it is a combination of <form>, Viewport and modal Window. If exclude one of these factors, the issue is not reproducible.

    Quote Originally Posted by Qulei View Post
    So,I wish you to check it and solve this problem fundamentally.
    It would be nice, but:
    http://forums.ext.net/showthread.php...ll=1#post86602

    Quote Originally Posted by Qulei View Post
    By the way,how can I use behind code to make a temporary solution to the problem?
    Well, a possible workaround is suggested in that thread:
    http://forums.ext.net/showthread.php...ll=1#post86180
  8. #8
    Quote Originally Posted by Daniil View Post
    Yes, it is a combination of <form>, Viewport and modal Window. If exclude one of these factors, the issue is not reproducible.



    It would be nice, but:
    http://forums.ext.net/showthread.php...ll=1#post86602



    Well, a possible workaround is suggested in that thread:
    http://forums.ext.net/showthread.php...ll=1#post86180
    Thank you very much for such a detailed answer.But what I want is behind code,c# code but not javascript.
    So,this http://forums.ext.net/showthread.php...ll=1#post86180 may not fit me.
  9. #9
    I am not sure what exactly you need to do in code behind. You already show the Window by JavaScript.
    OnClientClick="#{Window1}.show();"
    By the way, to get a mask appeared initial, you need to use such a listener for the Window:
    <AfterRender Handler="Ext.fly('form1').mask();" />

Similar Threads

  1. [CLOSED] Modal Window IE7
    By cwolcott in forum 2.x Premium Help
    Replies: 10
    Last Post: May 30, 2013, 2:39 PM
  2. [CLOSED] Window modal IE7
    By cwolcott in forum 2.x Premium Help
    Replies: 2
    Last Post: Nov 08, 2012, 11:16 AM
  3. Replies: 5
    Last Post: Apr 20, 2012, 7:20 AM
  4. Replies: 3
    Last Post: Feb 07, 2012, 7:00 AM
  5. Modal Window
    By erey in forum 1.x Help
    Replies: 0
    Last Post: Mar 29, 2010, 1:06 PM

Tags for this Thread

Posting Permissions