Jun 19, 2013, 9:23 PM
[CLOSED] Issue with modal window (all browsers)
Hi:
This one occurs in all browsers and it's pretty bad.
If you open the window by clicking the Open Window button, it pushes the content of the FormPanel outside the view.
Am I doing something wrong?
I tested it with the latest version of 2.2 from the Trunk.
Thanks
TestModelWindowChildPage.aspx
This one occurs in all browsers and it's pretty bad.
If you open the window by clicking the Open Window button, it pushes the content of the FormPanel outside the view.
Am I doing something wrong?
I tested it with the latest version of 2.2 from the Trunk.
Thanks
TestModelWindowChildPage.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestModalWindowChildPage.aspx.cs" Inherits="Ext.Net.Examples.Examples.Window.Basic.Hello_World.TestModelWindowChildPage" %>
<!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>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<form id="form1" runat="server">
<div>
<ext:Viewport runat="server" Layout="fit">
<Items>
<ext:FormPanel ID="FormPanel1" runat="server">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Open window">
<Listeners>
<Click Handler="#{modalWindow}.show();"></Click>
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:TextField runat="server" Label="Field1"></ext:TextField>
<ext:TextField ID="TextField1" runat="server" Label="Field1"></ext:TextField>
<ext:TextField ID="TextField2" runat="server" Label="Field1"></ext:TextField>
<ext:TextField ID="TextField3" runat="server" Label="Field1"></ext:TextField>
<ext:TextField ID="TextField4" runat="server" Label="Field1"></ext:TextField>
</Items>
</ext:FormPanel>
</Items>
</ext:Viewport>
<ext:Window runat="server" ID="modalWindow" Title="Test Window" Width="500" Height="500" Modal="true" Closable="True" CloseAction="Hide" Hidden="true">
<Items>
<ext:Panel ID="Panel2" runat="server" Title="Some content" Layout="border">
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:Button ID="Button2" runat="server" Text="Button 1"></ext:Button>
<ext:Button ID="Button3" runat="server" Text="Button 2"></ext:Button>
<ext:Button ID="Button4" runat="server" Text="Button 3"></ext:Button>
<ext:Button ID="Button5" runat="server" Text="Button 4"></ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<%-- <Items>--%>
<%-- <ext:FormPanel runat="server" Region="Center" >--%>
<%-- <Items>--%>
<%-- <ext:TextArea runat="server" HideLabel="True" Height="80"></ext:TextArea> --%>
<%-- <ext:TextArea ID="TextArea1" runat="server" HideLabel="True" Height="50"></ext:TextArea> --%>
<%-- </Items>--%>
<%-- </ext:FormPanel>--%>
<%-- <ext:Panel runat="server" Region="South" Height="250" Title="South Panel"></ext:Panel>--%>
<%-- </Items>--%>
</ext:Panel>
</Items>
</ext:Window>
</div>
</form>
</body>
</html>
TestModelWindow.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestModalWindow.aspx.cs" Inherits="Ext.Net.Examples.Examples.Window.Basic.Hello_World.TestModalWindow" %>
<!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">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<div>
<ext:Viewport runat="server" Layout="fit">
<Items>
<ext:TabPanel runat="server">
<Items>
<ext:Panel runat="server" Title="SomeTab" Layout="fit">
<Loader Url="TestModalWindowChildPage.aspx" Mode="Frame" >
<LoadMask ShowMask="True"/>
</Loader>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by Daniil; Jun 20, 2013 at 10:37 AM.
Reason: [CLOSED]