Progressbar while switching to the new page

2 posts, 1 answers
  1. Mugdha Aditya
    Mugdha Aditya avatar
    71 posts
    Member since:
    Mar 2010

    Posted 15 Feb 2011 Link to this post

    Hi all, I need to develop a progress bar in my web application which is in asp.net. This progress bar should see on screen while switching to new page of my application. (Because while switching to the another page , it tooks much time so user get confuse)

    I have master page in which i have created diffrent menues.. like Audit,Manual,Update
    on click of tht different menu, pages will get disply.

    so i want to disply progressbar on click of those menus.

    <tr id="trHR" runat="server" visible="false" colspan="0" style="border-bottom-color: Red;
                                      border-width: thin">
                                      <td colspan="0" align="center">
                                          <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                                              <tr>
                                               <td id="td23" valign="middle" align="center" style="width: 100px; height: 15px; background-image: url(./images/grey_bg.jpg);"
                                                      onmouseover="javascript:changecolor(this,'on');" onmouseout="javascript:changecolor(this,'off');">
                                                      <asp:HyperLink ID="HyperLink25" runat="server" CssClass="CSMenu" Text="Update" NavigateUrl="~/UpdateData.aspx" />
                                                  </td>
                                                  <td align="center" valign="middle" style="width: 1px; height: 25px">
                                                      <div style="display: inherit;">
                                                          <img src="images/line_vertical.jpg" border="0" alt="Line" height="25px" /></div>
                                                  </td>
                                                  <td colspan="0" id="td15" valign="middle" align="center" style="width: 100px; height: 15px;
                                                      background-image: url(./images/grey_bg.jpg);" onmouseover="javascript:changecolor(this,'on');"
                                                      onmouseout="javascript:changecolor(this,'off');">
                                                      <asp:HyperLink ID="HyperLink24" runat="server" CssClass="CSMenu" Text="Audit" NavigateUrl="~/Audit.aspx" />
                                                  </td>
                                                  <td id="td24" valign="middle" align="center" style="width: 100px; height: 15px; background-image: url(./images/grey_bg.jpg);">
                                                  </td>
                  <td id="td" valign="middle" align="center" style="width: 100px; height: 15px; background-image: url(./images/grey_bg.jpg);"
                                                      onmouseover="javascript:changecolor(this,'on');" onmouseout="javascript:changecolor(this,'off');">
                                                      <asp:HyperLink ID="HyperLink25" runat="server" CssClass="CSMenu" Text="Manual" NavigateUrl="~/Manual.aspx" />
                                                  </td>
                                                  <td align="center" valign="middle" style="width: 1px; height: 25px">
                                                      <div style="display: inherit;">
                                                          <img src="images/line_vertical.jpg" border="0" alt="Line" height="25px" /></div>
                                                  </td>
                                              </tr>
                                          </table>
                                      </td>
                                  </tr>


  2. Answer
    Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 18 Feb 2011 Link to this post

    Hi Mugdha,

    You could try by adding a RadAjaxManager to the master page, make the menus initiate ajax requests and point the content pages as updated controls. In this way, if you add a RadAjaxLoadingPanel and assign it as a DefaultLoadingPanelID for the RadAjaxManager, the loading panel should show over the pages while loading.

    Best wishes,
    Tsvetina
    the Telerik team
Back to Top