This is a migrated thread and some comments may be shown as answers.

Loading Panel "loading icon" not showing in firefox

4 Answers 88 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Miriam asked on 19 Mar 2012, 04:21 PM

<asp:Content ID="ChildPage" ContentPlaceHolderID="MainContent" runat="server">

<div id="PageContainerDiv">

<div id="ProjectNameDiv">

<h1><img src="/images/icon.gif" alt="APP" /> My Application Name</h1>

</div>

<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 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 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>

</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.

4 Answers, 1 is accepted

answered on 23 Mar 2012, 09:13 AM

LoadingPanel.zip

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

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.