Loading Panel "loading icon" not showing in firefox

5 posts, 0 answers
  1. Miriam
    Miriam avatar
    9 posts
    Member since:
    Jul 2012

    Posted 19 Mar 2012 Link to this post

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

  2. Miriam
    Miriam avatar
    9 posts
    Member since:
    Jul 2012

    Posted 19 Mar 2012 Link to this post

    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

  3. Antonio Stoilkov
    Admin
    Antonio Stoilkov avatar
    530 posts

    Posted 23 Mar 2012 Link to this post

    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.
  4. Miriam
    Miriam avatar
    9 posts
    Member since:
    Jul 2012

    Posted 02 May 2012 Link to this post

    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.

  5. Miriam
    Miriam avatar
    9 posts
    Member since:
    Jul 2012

    Posted 03 May 2012 Link to this post

    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"


Back to Top