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

telerik:RadAjaxLoadingPanel is not working in Mozilla browser

7 Answers 76 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Srinivasa Rao Ranga
Top achievements
Rank 1
Srinivasa Rao Ranga asked on 17 Jun 2010, 02:53 PM
HI I am not able to view the loading image in telerik:RadAjaxLoadingPanel in mozilla browser,its working fine in IE, below is my code

My requirement is need to load treeview datasource dynamically on click of button using Sitemap datasource,here i am keeping treeview inside update panel
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <script type="text/javascript">
            var currentLoadingPanel = null;
            var currentUpdatedControl = null;
            function RequestStart(sender, args) {
                var loadingImage = document.getElementById('<%= RadAjaxLoadingPanel1.FindControl("Image1").ClientID %>');
                var panel1 = $get("<%= Panel1.ClientID %>");
                loadingImage.style.position = "relative";
                loadingImage.style.top = (parseInt(td1.style.height) / 3) + "px";
                currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID%>");


                if (args.get_eventTarget() == "<%= imbFleetManagement.UniqueID %>") {
                    currentUpdatedControl = "<%= Panel1.ClientID %>";
                    //show the loading panel over the updated control
                    currentLoadingPanel.show(currentUpdatedControl);

                }
</script>

    </telerik:RadCodeBlock> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="imbFleetManagement">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="radTvwFleetMgmnt" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
    </telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        <div class="loading">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading1.gif" AlternateText="loading" />
        </div>
    </telerik:RadAjaxLoadingPanel>
 <td align="center" valign="bottom" style="width: 104px">
                                                    <asp:ImageButton ImageUrl="~/images/top_nav_cust_manage.jpg" CssClass="topnavcust"
                                                        ID="imbCustManagement" runat="server" onmouseover="this.src='../images/top_nav_cust_manage_hover.jpg';"
                                                        onmouseout="this.src='../images/top_nav_cust_manage.jpg';" ToolTip="Customer Management"
                                                        OnClick="imbCustManagement_Click" />
                                                </td>
<asp:UpdatePanel runat="server" ID="UpdatePanel" UpdateMode="Conditional">
                                                                        <Triggers>
                                                                            <asp:AsyncPostBackTrigger ControlID="imbFleetManagement" /> </Triggers>
<ContentTemplate>
                                                                            <asp:Panel ID="Panel1" runat="server" CssClass="module1"> <asp:SiteMapDataSource ID="SiteMapDataSource1" ShowStartingNode="false" runat="server" />
                                                                                <telerik:RadTreeView ID="radTvwFleetMgmnt" DataSourceID="SiteMapDataSource1"
                                                                                    runat="server" Style="white-space: normal"
                                                                                    Skin="Vista">
 </asp:Panel>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>


 <td style="height: 720px; padding-left: 7px; padding-top: 12px" valign="top">
                                                    <asp:UpdatePanel runat="server" ID="UpdatePanel2" UpdateMode="Conditional">
                                                        <Triggers>
                                                            <asp:AsyncPostBackTrigger ControlID="radTvwFleetMgmnt" />
                                                        </Triggers>
                                                        <ContentTemplate>
                                                            <asp:ContentPlaceHolder ID="ContentArea" runat="server">
                                                            </asp:ContentPlaceHolder>
                                                        </ContentTemplate>
                                                    </asp:UpdatePanel>
                                                </td>

Please help me its very urgent

Thanks in Advance!
Srinivas



<asp:UpdatePanel runat="server" ID="UpdatePanel" UpdateMode="Conditional">
                                                                        <Triggers>
                                                                            <asp:AsyncPostBackTrigger ControlID="imbFleetManagement" />



<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        <div class="loading">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/loading1.gif" AlternateText="loading" />
        </div>
    </telerik:RadAjaxLoadingPanel>




7 Answers, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 22 Jun 2010, 12:54 PM
Hello,

Please note that using RadAjaxManager and asp UpdatePanel in one application for updating the same part of the page is not supported scenario and it may cause a lot of different issues. Please suggest using single RadAjaxManager and verify if any problems will appear.


All the best,
Maria Ilieva
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Srinivasa Rao Ranga
Top achievements
Rank 1
answered on 22 Jun 2010, 01:02 PM
HI Maria Ilieva ,Thanks for your response

As you suggested that,i should not use both RadAjaxManager and asp:UpdatePanle in a single page,but without using asp:UpdatePanle my entire page is postback to load treeview.
So how can i reolve the iussue

Thanks!
Srinivasa
0
Maria Ilieva
Telerik team
answered on 24 Jun 2010, 03:12 PM
Hi,

You can add the TreeView controls directly into the RadAjaxManager setting in order to avoid full postback.

For example:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="TreeView1" />
                        <telerik:AjaxUpdatedControl ControlID="TreeView2" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>


Sincerely yours,
Maria Ilieva
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Srinivasa Rao Ranga
Top achievements
Rank 1
answered on 25 Jun 2010, 05:04 AM
HI Maria Ilieva ,Thanks for your response

ass suggested by you,i removed the asp:UpdatePanel and placed TreeView controlID in <telerik:RadAjaxManager,
still full postback is happening ,pls help me

Thanks!
Srinivasa Rao R
0
Maria Ilieva
Telerik team
answered on 25 Jun 2010, 12:15 PM
Hi,

Could you please confirm that you have ScriptManager control placed in the very top of the page? If no, please add one and verify if the issue still persists.


Sincerely yours,
Maria Ilieva
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Srinivasa Rao Ranga
Top achievements
Rank 1
answered on 26 Jun 2010, 05:47 AM
HI Maria Ilieva 

I placed the script manager at the starting of the page itself...please do the needful

Thanks!
Srinivasa
0
Pavlina
Telerik team
answered on 01 Jul 2010, 08:30 AM
Hi Srinivasa,

As the provided information is not enough for us to replicate the issue locally, I will ask you to open a regular support ticket and send us small runnable application which demonstrates the problem. We will test it locally and advise you further.

Thank you!

Sincerely yours,
Maria
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Ajax
Asked by
Srinivasa Rao Ranga
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Srinivasa Rao Ranga
Top achievements
Rank 1
Pavlina
Telerik team
Share this question
or