Mar 08, 2019, 1:42 PM
Login window display issue on IE only when upgrading from 4.7 to 4.8.1
I used the same example "FormLayout" and it wasn't loading on IE (11) version 4.8.1 while its working fine on version 4.7.1 (attached Screen)
used Framework is 4.6.2
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void btnLogin_Click(object sender, DirectEventArgs e)
{
this.Window1.Hide();
string template = "<br /><b>LOGIN SUCCESS</b><br /><br />Username: {0}<br />Password: {1}";
string username = this.txtUsername.Text;
string password = this.txtPassword.Text;
this.lblMessage.Html = string.Format(template, username, password);
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Simple Login Form with Ajax Submit - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<h1>Simple Login Form with Ajax Submit</h1>
<ext:Button
ID="Button1"
runat="server"
Text="Logout"
Icon="LockOpen">
<Listeners>
<Click Handler="#{Window1}.show();" />
</Listeners>
</ext:Button>
<ext:Label ID="lblMessage" runat="server" />
<ext:Window
ID="Window1"
runat="server"
Closable="false"
Resizable="false"
Height="200"
Icon="Lock"
Title="Login"
Draggable="false"
Width="350"
Modal="true"
BodyPadding="5"
Layout="FormLayout">
<Items>
<ext:TextField
ID="txtUsername"
runat="server"
FieldLabel="Username"
AllowBlank="false"
BlankText="Your username is required."
Text="Demo" />
<ext:TextField
ID="txtPassword"
runat="server"
InputType="Password"
FieldLabel="Password"
AllowBlank="false"
BlankText="Your password is required."
Text="Demo" />
</Items>
<Buttons>
<ext:Button ID="btnLogin" runat="server" Text="Login" Icon="Accept">
<Listeners>
<Click Handler="
if (!#{txtUsername}.validate() || !#{txtPassword}.validate()) {
Ext.Msg.alert('Error','The Username and Password fields are both required');
// return false to prevent the btnLogin_Click Ajax Click event from firing.
return false;
}" />
</Listeners>
<DirectEvents>
<Click OnEvent="btnLogin_Click">
<EventMask ShowMask="true" Msg="Verifying..." MinDelay="500" />
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="btnCancel" runat="server" Text="Cancel" Icon="Decline">
<Listeners>
<Click Handler="#{Window1}.hide();#{lblMessage}.setText(' LOGIN CANCELED')" />
</Listeners>
</ext:Button>
</Buttons>
</ext:Window>
</form>
</body>
</html>
used Framework is 4.6.2
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void btnLogin_Click(object sender, DirectEventArgs e)
{
this.Window1.Hide();
string template = "<br /><b>LOGIN SUCCESS</b><br /><br />Username: {0}<br />Password: {1}";
string username = this.txtUsername.Text;
string password = this.txtPassword.Text;
this.lblMessage.Html = string.Format(template, username, password);
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Simple Login Form with Ajax Submit - Ext.NET Examples</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<h1>Simple Login Form with Ajax Submit</h1>
<ext:Button
ID="Button1"
runat="server"
Text="Logout"
Icon="LockOpen">
<Listeners>
<Click Handler="#{Window1}.show();" />
</Listeners>
</ext:Button>
<ext:Label ID="lblMessage" runat="server" />
<ext:Window
ID="Window1"
runat="server"
Closable="false"
Resizable="false"
Height="200"
Icon="Lock"
Title="Login"
Draggable="false"
Width="350"
Modal="true"
BodyPadding="5"
Layout="FormLayout">
<Items>
<ext:TextField
ID="txtUsername"
runat="server"
FieldLabel="Username"
AllowBlank="false"
BlankText="Your username is required."
Text="Demo" />
<ext:TextField
ID="txtPassword"
runat="server"
InputType="Password"
FieldLabel="Password"
AllowBlank="false"
BlankText="Your password is required."
Text="Demo" />
</Items>
<Buttons>
<ext:Button ID="btnLogin" runat="server" Text="Login" Icon="Accept">
<Listeners>
<Click Handler="
if (!#{txtUsername}.validate() || !#{txtPassword}.validate()) {
Ext.Msg.alert('Error','The Username and Password fields are both required');
// return false to prevent the btnLogin_Click Ajax Click event from firing.
return false;
}" />
</Listeners>
<DirectEvents>
<Click OnEvent="btnLogin_Click">
<EventMask ShowMask="true" Msg="Verifying..." MinDelay="500" />
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="btnCancel" runat="server" Text="Cancel" Icon="Decline">
<Listeners>
<Click Handler="#{Window1}.hide();#{lblMessage}.setText(' LOGIN CANCELED')" />
</Listeners>
</ext:Button>
</Buttons>
</ext:Window>
</form>
</body>
</html>
Last edited by Geovision; Mar 08, 2019 at 1:44 PM.