Loading Panel "loading icon" not showing in firefox

[Miriam]

<asp:Content ID="ChildPage" ContentPlaceHolderID="MainContent" runat="server">
    <div id="PageContainerDiv">
        <!--Application Name-->
        <div id="ProjectNameDiv">
            <h1><img src="/images/icon.gif" alt="APP" /> My Application Name</h1>
        </div>
        <!--end of Application Name-->
        <telerik:RadScriptManager ID="ScriptManager" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadSkinManager ID="SkinManager" runat="server" Skin="Telerik">
        </telerik:RadSkinManager>

        <div id="AjaxManagerDiv">
                <telerik:RadAjaxManager ID="AjaxManager" runat="server" >
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="NameList">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="NameList" />
                                <telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="CompanyListFrom">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="CompanyListTo">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="WindowListFrom">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="WindowListTo">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="AccountListFrom">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                        <telerik:AjaxSetting AjaxControlID="AccountListTo">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />
                                <telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>
            </div>

            <div id="LoadingPanelDiv">
            <telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" Skin="Telerik"
                InitialDelayTime="800" MinDisplayTime="5000" CssClass="RadAjax">
            </telerik:RadAjaxLoadingPanel>
            </div>

        <div id="NameListDiv-Name" class="ListBoxDiv">
                <h2>Names</h2>
                <div id="NameListGrid">
                <telerik:RadGrid ID="NameList"
                    AutoGenerateColumns="false"
                    runat="server"
                    AllowPaging="true"
                    AllowSorting="true"
                    OnSortCommand="NameList_SortCommand"
                    OnItemCommand="NameList_ItemCommand"
                    CssClass="RadGrid_Telerik"
                    >

                    <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
                        <Selecting AllowRowSelect="true" />
                    </ClientSettings>

                    <MasterTableView AutoGenerateColumns="false"
                        DataKeyNames="USERID"
                        OnSelectedIndexChanged="Name_SelectedIndexChanged"
                        >
                        <Columns>
                            <telerik:GridBoundColumn DataField="USERID" HeaderText="User ID" ReadOnly="True"
                                SortExpression="USERID" UniqueName="UserID">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="USERNAME" HeaderText="Member" ReadOnly="True"
                                SortExpression="USERNAME" UniqueName="UserName">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="ADDREMAIL" HeaderText="Email" ReadOnly="True"
                                SortExpression="ADDREMAIL" UniqueName="UserEmail">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="FLGPENDING" HeaderText="Pending Update" ReadOnly="True"
                                SortExpression="FLGPENDING" UniqueName="Pending">
                            </telerik:GridBoundColumn>
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
                </div>
            </div>

        <div id="CompanyListDiv-Name" class="ListBoxDiv">
            <h2>Companies</h2>
            <div id="CompanyListN">
            <telerik:RadListBox ID="CompanyListFrom"
                runat="server"
                Height="150px"
                DataTextField="COMPANY"
                DataValueField="COMPANYID"
                ToolTip="Companies inaccessible to the user"
                SelectionMode="Multiple"
                Sort="Ascending"
                AutoPostBack="true"
                AutoPostBackOnTransfer="true"
                EmptyMessage="All companies are assigned"
                AllowTransfer="true"
                TransferToID="CompanyListTo"
                OnInserted="CompanyListFrom_Inserted"
                OnTransferred="CompanyListFrom_Transferred"
                CssClass="RadListBox_Telerik"
                >
                <ButtonSettings Position="Right" VerticalAlign ="Middle" />
                <FooterTemplate>Companies <strong class="red">un</strong>assigned to the user</FooterTemplate>
            </telerik:RadListBox>
            </div>
            <div id="CompanyListY">
            <telerik:RadListBox ID="CompanyListTo"
                runat="server"
                Height="150px"
                DataTextField="COMPANY"
                DataValueField="COMPANYID"
                ToolTip="Companies accessible to the user"
                SelectionMode="Single"
                Sort="Ascending"
                AutoPostBack="true"
                AutoPostBackOnTransfer="true"
                EmptyMessage="No company is assigned"
                OnInserted="CompanyListTo_Inserted"
                OnSelectedIndexChanged="CompanyListTo_SelectedIndexChanged"
                CssClass="RadListBox_Telerik"
                >
                <FooterTemplate>Companies assigned to the user</FooterTemplate>
            </telerik:RadListBox>
            </div>
        </div>

        <div id="WindowListDiv-Name" class="ListBoxDiv">
            <h2>Windows</h2>
            <div id="WindowListN">
            <telerik:RadListBox ID="WindowListFrom"
                runat="server"
                Height="150px"
                DataTextField="WINDOWNAME"
                DataValueField="WINDOWID"
                ToolTip="Windows inaccessible to the user"
                SelectionMode="Multiple"
                Sort="Ascending"
                AutoPostBack="true"
                AutoPostBackOnTransfer="true"
                EmptyMessage="No window generated or all windows have been assigned"
                AllowTransfer="true"
                TransferToID="WindowListTo"
                OnInserted="WindowListFrom_Inserted"
                OnTransferred="WindowListFrom_Transferred"
                CssClass="RadListBox_Telerik"
                >
                <ButtonSettings Position="Right" VerticalAlign ="Middle" />
                <FooterTemplate>Windows <strong class="red">un</strong>assigned to the user</FooterTemplate>
            </telerik:RadListBox></div>
            <div id="WindowListY">
            <telerik:RadListBox ID="WindowListTo"
                runat="server"
                Height="150px"
                DataTextField="WINDOWNAME"
                DataValueField="WINDOWID"
                ToolTip="Windows accessible to the user"
                SelectionMode="Single"
                Sort="Ascending"
                AutoPostBack="true"
                AutoPostBackOnTransfer="true"
                EmptyMessage="No window is assigned"
                OnInserted="WindowListTo_Inserted"
                CssClass="RadListBox_Telerik"
                >
                <FooterTemplate>Windows assigned to the user</FooterTemplate>
            </telerik:RadListBox></div>
        </div>

        <div id="AccountListDiv-Name" class="ListBoxDiv">
            <h2>Accounts</h2>
            <div id="AccountListN">
            <telerik:RadListBox ID="AccountListFrom"
                runat="server"
                Height="150px"
                DataTextField="ACCOUNTNAME"
                DataValueField="ACCOUNTID"
                ToolTip="Customer accounts inaccessible to the user"
                SelectionMode="Multiple"
                Sort="Ascending"
                AutoPostBack="true"
                AutoPostBackOnTransfer="true"
                EmptyMessage="No customer account generated or all accounts have been assigned."
                AllowTransfer="true"
                TransferToID="AccountListTo"
                OnInserted="AccountListFrom_Inserted"
                OnTransferred="AccountListFrom_Transferred"
                CssClass="RadListBox_Telerik"
                >
                <ItemTemplate>
                    <asp:Label ID="AcctIDFrom" runat="server"></asp:Label>
                    <asp:Label ID="AcctNameFrom" runat="server"></asp:Label>
                </ItemTemplate>
                <ButtonSettings Position="Right" VerticalAlign ="Middle" />
                <FooterTemplate>Accounts <strong class="red">un</strong>assigned to the user</FooterTemplate>
            </telerik:RadListBox></div>
            <div id="AccountListY">
            <telerik:RadListBox ID="AccountListTo"
                runat="server"
                Height="150px"
                DataTextField="ACCOUNTNAME"
                DataValueField="ACCOUNTID"
                ToolTip="Customer accounts accessible to the user"
                SelectionMode="Single"
                Sort="Ascending"
                AutoPostBack="true"
                AutoPostBackOnTransfer="true"
                EmptyMessage="No account is assigned"
                OnInserted="AccountListTo_Inserted"
                CssClass="RadListBox_Telerik"
                >
                <ItemTemplate>
                    <asp:Label ID="AcctIDTo" runat="server"></asp:Label>
                    <asp:Label ID="AcctNameTo" runat="server"></asp:Label>
                </ItemTemplate>
                <FooterTemplate>Accounts assigned to the user</FooterTemplate>
            </telerik:RadListBox></div>
        </div>
    </div>
</asp:Content>

 

 

 

 

This is the structure of my web app Master Page - Master Page - Child Pages

Here's the first child page's aspx code. When I move an item from left to right (grant access) or right to left (remove access), the green "loading icon" should display to allow the user to know I'm processing the request.

This code completely works well in IE but not in Firefox. Any help is appreciated. Thanks.

[Miriam]

I'm using below:

1. ASP.NET version = ASP .NET 4
2. OS = Windows 7 Prof SP 1 64bit
3. exact IE version  - 8.0.7601.17514 64bit
4. exact Firefox version - 10.0.0.2
5. exact version of the Telerik product - Rad Controls for ASP .NET AJAX Q2 2011 SP1
6. preferred programming language - C#
7. IDE - Visual Studio 2010

Thanks

[Antonio Stoilkov]

Hello Miriam,

I tried to replicate the issue which you described, but to no avail. Attached to this message, you will find the code which I used for testing.

Please, take a look at it and let me know if there are any differences at your end, which I may be leaving out.

Regards,
Antonio Stoilkov
the Telerik team

[Miriam]

My apologies for the late response.

I can't really pinpoint where the bug is. In Firefox (and in Chrome), the loading icon shows every now and then, there's no pattern when it shows. It always shows in IE for every post back.

I thought it was my css preventing it from showing up but it is not the case. I will investigate further.

Thank you.

[Miriam]

Found the culprit.
Used Firefox's Firebug and watched if there were any script errors. Sure enough there was and found this entry from the Forum
Uncaught error

Fix : EnablePageHeadUpdate="false"