telerik:RadAjaxLoadingPanel is not working in Mozilla browser

8 posts, 0 answers
  1. Srinivasa Rao Ranga
    Srinivasa Rao  Ranga avatar
    20 posts
    Member since:
    May 2010

    Posted 17 Jun 2010 Link to this post

    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>




  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 22 Jun 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Srinivasa Rao Ranga
    Srinivasa Rao  Ranga avatar
    20 posts
    Member since:
    May 2010

    Posted 22 Jun 2010 Link to this post

    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
  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 24 Jun 2010 Link to this post

    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
  6. Srinivasa Rao Ranga
    Srinivasa Rao  Ranga avatar
    20 posts
    Member since:
    May 2010

    Posted 25 Jun 2010 Link to this post

    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
  7. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 25 Jun 2010 Link to this post

    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
  8. Srinivasa Rao Ranga
    Srinivasa Rao  Ranga avatar
    20 posts
    Member since:
    May 2010

    Posted 26 Jun 2010 Link to this post

    HI Maria Ilieva 

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

    Thanks!
    Srinivasa
  9. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 01 Jul 2010 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017