Login window display issue on IE only when upgrading from 4.7 to 4.8.1

  1. #1

    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>
    Attached Thumbnails Click image for larger version. 

Name:	Login Problem Interface  EXT.NET 4.8.1 on IE only  .PNG 
Views:	42 
Size:	14.7 KB 
ID:	25247  
    Last edited by Geovision; Mar 08, 2019 at 1:44 PM.
  2. #2
    you need to use code tags so your example is readable!!
    /Z

    <%@ 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>
  3. #3
    Create a viewport (after the resource manager line) using fitlayout.

    then add the window right after the viewport using a VBoxLayout.

    Inside my window, i then tossed a FormPanel and then added all my login details in that formpanel.

    it should render just fine

    /Z
  4. #4
    Still didn't work , still on IE the form is corrupted (Noting its fine on running correctly on 4.7.1 )


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LoginTest.aspx.cs" Inherits="FFMS.LoginTest" %>
    <%@ 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" />
    <ext:Viewport runat="server" Layout="FitLayout">
        <Items>
            
    <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="VBoxLayout">
    <Items>
    
        <ext:FormPanel runat="server">
            <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:FormPanel>
    
    
    </Items>
    
    </ext:Window>
    
    
        </Items>
    
    
    
    </ext:Viewport>
    <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" />
    
    </form>
    </body>
    </html>
    Attached Thumbnails Click image for larger version. 

Name:	image_2019_03_18T14_10_34_642Z.png 
Views:	35 
Size:	32.3 KB 
ID:	25253  

Similar Threads

  1. [CLOSED] Issue upgrading to 3.2.1
    By Argenta in forum 3.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 15, 2015, 7:18 AM
  2. Replies: 1
    Last Post: Mar 25, 2015, 3:20 PM
  3. [CLOSED] License key issue after upgrading to 2.1
    By MTSI in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Feb 14, 2013, 12:29 PM
  4. Performance Issue - Simple Login Page
    By johnrr1985@gmail.com in forum 1.x Help
    Replies: 8
    Last Post: Mar 08, 2011, 3:37 PM
  5. display issue on Parent/Child window
    By egodoy in forum 1.x Help
    Replies: 1
    Last Post: Mar 24, 2009, 5:02 PM

Posting Permissions