Modal Window and Viewport

Printable View

Nov 04, 2013, 2:38 AM
Qulei

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:

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
Nov 06, 2013, 12:49 AM
Qulei

I need some suggestions.Why no one reply?
Nov 06, 2013, 2:43 AM
Daniil

Hi @Qulei,

I guess you are running IE in the compatibility mode, isn't that so?
Nov 06, 2013, 2:56 AM
Qulei

Hi Daniil,

I have tried with IE 7, but I got the same result.I wonder that if you can run my code correctly?
Nov 06, 2013, 3:03 AM
Daniil

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.
Nov 06, 2013, 4:09 AM
Qulei

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.
Nov 06, 2013, 4:51 AM
Daniil

Quote:

Originally Posted by Qulei

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

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

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
Nov 06, 2013, 5:01 AM
Qulei

Quote:

Originally Posted by Daniil

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.
Nov 06, 2013, 5:32 AM
Daniil

I am not sure what exactly you need to do in code behind. You already show the Window by JavaScript.

Code:

OnClientClick="#{Window1}.show();"

By the way, to get a mask appeared initial, you need to use such a listener for the Window:

Code:

<AfterRender Handler="Ext.fly('form1').mask();" />