What's New?

[CLOSED] Different behaviour showing Progress bar ina anchored layout window between IE and Chrome

  1. #1
    Jun 18, 2013, 10:54 AM

    [CLOSED] Different behaviour showing Progress bar ina anchored layout window between IE and Chrome

    Hi, can you please check the following ?
    I have a different behaviour showing a progress bar in IE 10 and Chrome.
    In Chrome is ok while in IE 10 show only half of the set height. I attach an image to compare both.

    The bar is inside a Window with anchor layout as you can see in the code below. It is anchored vert and horiz.
    Click image for larger version.  Name: PBar.png  Views: 27  Size: 16.7 KB  ID: 6399

        <ext:Window ID="WProgrssBar" runat="server" Title="Upload XLS file" Icon="PageExcel"
        Width="500" Height="100" MinWidth="300" MinHeight="100" Plain="true" BodyPadding="5"
        ButtonAlign="Center" LabelWidth="55" Layout="AnchorLayout" Resizable="false"
        Closable="false" Maximizable="false" Minimizable="false" Hidden="true">
        <Items>
            <ext:ProgressBar ID="Progress1" runat="server" AnchorVertical="100%" AnchorHorizontal="100%" />
        </Items>
        <Buttons>
            <ext:Button ID="btnProgressOK" runat="server" Text="OK" Icon="Accept">
                <Listeners>
                    <Click Handler="#{Progress1}.updateText('');#{WProgrssBar}.setVisible(false);" />
                </Listeners>
            </ext:Button>
            <ext:Button ID="btnCancelWPR" runat="server" Text="Cancel" Icon="Decline" Disabled="true" />
        </Buttons>
    </ext:Window>
    Last edited by Daniil; Jun 19, 2013 at 11:09 AM. Reason: [CLOSED]
  2. #2
    Jun 18, 2013, 11:19 AM

    Post example

    I post a full example to run

    <%@ Page Language="C#" %>

<%@ Import Namespace="System.Threading" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
    protected void StartLongAction(object sender, DirectEventArgs e)
    {
        this.Session["LongActionProgress"] = 0;
        ThreadPool.QueueUserWorkItem(LongAction);
        this.ResourceManager1.AddScript("{0}.startTask('longactionprogress');", this.TaskManager1.ClientID);
    }

    private void LongAction(object state)
    {
        for (int i = 0; i < 10; i++)
        {
            Thread.Sleep(1000);
            this.Session["LongActionProgress"] = i + 1;
        }

        this.Session.Remove("LongActionProgress");
    }

    protected void RefreshProgress(object sender, DirectEventArgs e)
    {
        object progress = this.Session["LongActionProgress"];

        if (progress != null)
        {
            int d = 10;
            Single s = ((int)progress) / Convert.ToSingle(d);
            this.Progress1.UpdateProgress(s, string.Format("Step {0} of {1}...", progress.ToString(), 10));
        }
        else
        {
            this.ResourceManager1.AddScript("{0}.stopTask('longactionprogress');", this.TaskManager1.ClientID);
            this.Progress1.UpdateProgress(1, "All finished!");
        }
    }
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <title>Anchor Layout with Form - Ext.NET Examples</title>
    <link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:TaskManager ID="TaskManager1" runat="server">
        <Tasks>
            <ext:Task TaskID="longactionprogress" Interval="1000" AutoRun="false" OnStart="
                        #{ShowProgress1}.setDisabled(true);" OnStop="
                        #{ShowProgress1}.setDisabled(false);">
                <DirectEvents>
                    <Update OnEvent="RefreshProgress" />
                </DirectEvents>
            </ext:Task>
        </Tasks>
    </ext:TaskManager>
    <ext:Window ID="WProgrssBar" runat="server" Title="Upload XLS file" Icon="PageExcel"
        Width="500" Height="100" MinWidth="300" MinHeight="100" Plain="true" BodyPadding="5"
        ButtonAlign="Center" LabelWidth="55" Layout="AnchorLayout" Resizable="false"
        Closable="false" Maximizable="false" Minimizable="false">
        <Items>
            <ext:ProgressBar ID="Progress1" runat="server" AnchorVertical="100%" AnchorHorizontal="100%" />
        </Items>
        <Buttons>
            <ext:Button ID="ShowProgress1" runat="server" Hidden="false" Icon="Accept" Text="Start" OnDirectClick="StartLongAction" />
        </Buttons>
    </ext:Window>
    </form>
</body>
</html>
  3. #3
    Jun 18, 2013, 3:34 PM
    Hi @tanky65,

    I cannot reproduce.

    Do you use the latest Ext.NET from SVN trunk?

    Is the Compatibility Mode switched off? Is there any non-IE10 modes switched on in Developer Tools?
  4. #4
    Jun 19, 2013, 8:33 AM
    Hi Daniil,

    I updated from http://svn.ext.net/premium/trunk and now it works.

    just to clarify
    Is the 2.2 in the branches section the official 2.2 downloadble from the site as zip file ?
    Is the one in the trunk section the development version that contains fix (or improvment) not contained in the 2.2 in branches ?
    thanks
  5. #5
    Jun 19, 2013, 11:09 AM
    Yes, that is right.

    The v2.2 release has been done from the 2.2 branch and its development is stopped. It is very-very rare case when we commit something to release branches.

    The Ext.NET development is continued in the trunk, i.e. all the fixes and improvements after the last public release are going to the trunk.

Similar Threads

  1. [CLOSED] Anchored floating window
    By schneider.felipe in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 21, 2013, 7:20 AM
  2. [CLOSED] Revision 3926 Layout Window CheckboxGroup (browser Chrome)
    By Aurelio in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 09, 2012, 2:04 PM
  3. [CLOSED] Triggers not showing in Chrome
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Mar 15, 2011, 3:45 PM
  4. [CLOSED] How to achieve anchored layout...
    By mattwoberts in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 25, 2011, 10:16 AM
  5. TextArea Text property, strange behaviour in chrome
    By Jurke in forum Bugs
    Replies: 7
    Last Post: May 09, 2009, 8:06 AM

Posting Permissions