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

Progressbar while switching to the new page

1 Answer 73 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Mugdha Aditya
Top achievements
Rank 1
Mugdha Aditya asked on 15 Feb 2011, 12:04 PM
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>


1 Answer, 1 is accepted

Sort by
0
Accepted
Tsvetina
Telerik team
answered on 18 Feb 2011, 09:40 AM
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
Tags
Ajax
Asked by
Mugdha Aditya
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or