Aug 05, 2016, 4:52 AM
[CLOSED] Loader Performance in IE
Dear Support,
We experienced slow performance using IE11 when frame mode loader was used.
Below is a simple example to illustrate. User will not be able to key in the first focus field smoothly even after the loading mask was cleared. Are there any suggestion / best practice to improve the performance in IE11?
We experienced slow performance using IE11 when frame mode loader was used.
Below is a simple example to illustrate. User will not be able to key in the first focus field smoothly even after the loading mask was cleared. Are there any suggestion / best practice to improve the performance in IE11?
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%@ Page Language="C#" %>
<script runat="server">
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Setting Html and Loader Properties - Ext.NET Examples</title>
</head>
<body>
<h1>Setting Html and Loader Properties</h1>
<ext:ResourceManager runat="server" />
<ext:Panel
ID="Panel3"
runat="server"
Width="500"
Height="500">
<Loader
runat="server"
Url="Child.aspx"
Mode="Frame"
ShowMask="true">
<LoadMask ShowMask="true" />
</Loader>
</ext:Panel>
</body>
</html>
Child.aspx
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
this.txtUsername.Focus(true);
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>FormLayouts built in markup - Ext.NET Examples</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:FormPanel
ID="Panel1"
runat="server"
Title="Simple Form"
BodyPaddingSummary="5 5 0"
Width="350"
Frame="true"
ButtonAlign="Center"
Layout="FormLayout">
<FieldDefaults MsgTarget="Side" LabelWidth="75" />
<Plugins>
<ext:DataTip runat="server" />
</Plugins>
<Items>
<ext:TextField ID="txtUsername" runat="server" FieldLabel="First Name" AllowBlank="false">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter your first name" />
</CustomConfig>
<AfterLabelTextTpl runat="server">
<Html>
<span style="color:red;font-weight:bold" data-qtip="Required">*</span>
</Html>
</AfterLabelTextTpl>
</ext:TextField>
<ext:TextField runat="server" FieldLabel="Last Name" AllowBlank="false">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter your last name" />
</CustomConfig>
<AfterLabelTextTpl runat="server">
<Html>
<span style="color:red;font-weight:bold" data-qtip="Required">*</span>
</Html>
</AfterLabelTextTpl>
</ext:TextField>
<ext:TextField runat="server" FieldLabel="Company">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter your employer's name" />
</CustomConfig>
</ext:TextField>
<ext:TextField runat="server" FieldLabel="Email" Vtype="email" AllowBlank="false">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter your email address" />
</CustomConfig>
<AfterLabelTextTpl runat="server">
<Html>
<span style="color:red;font-weight:bold" data-qtip="Required">*</span>
</Html>
</AfterLabelTextTpl>
</ext:TextField>
<ext:DateField runat="server" FieldLabel="DOB">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter your date of birth" />
</CustomConfig>
</ext:DateField>
<ext:NumberField runat="server" MinValue="0" MaxValue="100" FieldLabel="Age">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter your age" />
</CustomConfig>
</ext:NumberField>
<ext:TimeField runat="server" FieldLabel="Time" MinTime="08:00" MaxTime="18:00">
<CustomConfig>
<ext:ConfigItem Name="tooltip" Value="Enter a time" />
</CustomConfig>
<ListConfig>
<Plugins>
<ext:DataTip runat="server">
<Tpl runat="server">
<Html>
Select time {date:date("G:i")}
</Html>
</Tpl>
</ext:DataTip>
</Plugins>
</ListConfig>
</ext:TimeField>
</Items>
<Buttons>
<ext:Button runat="server" Text="Save" Handler="this.up('form').getForm().isValid();" />
<ext:Button runat="server" Text="Cancel" Handler="this.up('form').getForm().reset();" />
</Buttons>
</ext:FormPanel>
</form>
</body>
</html>
Last edited by fabricio.murta; Aug 08, 2016 at 6:29 PM.
Reason: [CLOSED]