Progress bar indicator

8 posts, 0 answers
  1. Vasya Ivanov
    Vasya Ivanov avatar
    78 posts
    Member since:
    Apr 2010

    Posted 11 May 2010 Link to this post

    Hello,
    does anyone knows how to create progress bar indicator  for entire page without AjaxLoading panel.
    When I click search button I need progress bar while radgrid is loading or when I change dropdown values?

    Thanks for your help.
  2. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 12 May 2010 Link to this post

    Hello Vasya,

    The sample project from the code library entry below represent how to accomplish your task using RadAjaxLoadingPanel:

    http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

    For specific solution without our loading panel you will need to implement your logic based on your custom progress indicator.

    Best regards,
    Sebastian
    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. Vasya Ivanov
    Vasya Ivanov avatar
    78 posts
    Member since:
    Apr 2010

    Posted 12 May 2010 Link to this post

    Thanks for your responding.
    I have a follwoing code:

    AjaxSettings

     

    >

     

     

     

    <telerik:AjaxSetting AjaxControlID="JobReportGrid">

     

     

    <UpdatedControls>

     

     

    <telerik:AjaxUpdatedControl ControlID="JobDetailGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

     

     

    <telerik:AjaxUpdatedControl ControlID="JobReportGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

     

     

    </UpdatedControls>

     

     

    </telerik:AjaxSetting>

     

     

    <telerik:AjaxSetting AjaxControlID="JobDetailGrid">

     

     

    <UpdatedControls>

     

     

    <telerik:AjaxUpdatedControl ControlID="JobDetailGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

     

     

    </UpdatedControls>

     

     

    </telerik:AjaxSetting>

     

     

     

    </AjaxSettings>

     

     

    </telerik:RadAjaxManager>

     

     

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Vista" runat="server">

     

     

    </telerik:RadAjaxLoadingPanel>
    This code only works when you work with radgrid.I have another code:

     

    <

     

    asp:Panel ID="Job_Report" runat="server" Width="805px">

     

    <

     

    fieldset>

     

    <

     

    legend>Search Bulk Job</legend>

     

     

    <table>

     

     

    <tr>

     

     

    <td>

     

     

    <uc1:CFNList id="CFNList1" runat="server">

     

     

    </uc1:CFNList>

     

     

    </td>

     

     

     

    <td>

     

    Job:

     

     

    <br />

     

     

    <telerik:RadTextBox ID="JobTextBox" runat="server" Width="100px" MaxLength="5" ></telerik:RadTextBox>

     

     

     

    </td>

     

     

    <td>

     

    Title:

     

     

    <br />

     

     

    <telerik:RadTextBox ID="TitleTextBox" runat="server" Width="100px" MaxLength="5" ></telerik:RadTextBox>

     

     

    </td>

     

     

     

    <td>

     

     

     

     

    <br />

     

     

    <asp:Button ID="SearchJob" runat="server" Width="75px" CssClass="Button" Text="Search" OnClick="Search_Job_Click" OnClientClick="JavaScript: return ValidateData();" />

     

     

    </td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td class="tbtxtbox" colspan="3" style="height:20px;">

     

     

    <asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" >

     

     

    </asp:Label>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </fieldset>

     

     

    </asp:Panel>
    I have SearchJob button which is clicked when user enters some criteria.After that I need progress bar to show to the user that is something happening while radgrid is loading.

    Thanks so much for your help.

     

  5. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 13 May 2010 Link to this post

    Hello Vasya,

    Have you tried injecting additional ajax manager setting which marks the SearchJob button initiator and the corresponding grid updated control? Thus the loading panel you specify for the updated grid should be displayed when you click the button.

    Regards,
    Sebastian
    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. Vasya Ivanov
    Vasya Ivanov avatar
    78 posts
    Member since:
    Apr 2010

    Posted 13 May 2010 Link to this post

    Good morning Sebastian,
    I try to implemented SearchJob button but still not working
    Please see my code below:

    <

     

    telerik:AjaxSetting AjaxControlID="SearchJob">

     

     

    <UpdatedControls>

     

     

    <telerik:AjaxUpdatedControl ControlID="JobReportGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

     

     

    </UpdatedControls>

     

     

    </telerik:AjaxSetting>
    But seems when I am running application the click button just hanging and nothing is happened.
    Please help me to resolve that problem.Thanks

     

  7. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 15 May 2010 Link to this post

    Hello Vasya,

    I see that you attached the OnClientClick event of the search button  - can you confirm that the ValidateData() js method is executed as expected and does not have return false statement inside it (which stops the postback)? What happens if you remove the OnClientClick attribute of the button?

    Let me know what your findings are.

    Regards,
    Sebastian
    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. Vasya Ivanov
    Vasya Ivanov avatar
    78 posts
    Member since:
    Apr 2010

    Posted 17 May 2010 Link to this post

    Good morning Sebastian,
    Validate function is special function which is checks if user enter anything.I want to do that on client side instead of server side.
    Here is a code for that:

    function

     

    ValidateData()

     

    {

     

     

    if((document.getElementById ('<%=JobTextBox.ClientID %>').value.trim().length <= 0) && (document.getElementById ('<%=CFNList1.FindControl("ddlCFN").ClientID %>').value.trim()== "SELECT CFN") && (document.getElementById ('<%=CFNList1.FindControl("ddlLocation").ClientID %>').value.trim().length <= 0) && (document.getElementById ('<%=CFNList1.FindControl("LocTextBox").ClientID %>').value.trim().length <= 0))

     

    {

     

    document.getElementById (

    '<%=lblError.ClientID %>').innerText = 'Please enter at least Job or Location or CFN or B/School for Search Criteria';

     

     

    document.getElementById (

    '<%=lblError.ClientID %>').style.display = 'block';

     

     

     

    return false;

     

    }

     

    document.getElementById (

    '<%=lblError.ClientID %>').style.display = 'none';

     

     

    return true;

     

    }

    </

     

    script>
    Please help me with this.I am new to Web applications.I am just learning.
    Thanks so much.

     

  9. Prangadj
    Prangadj avatar
    174 posts
    Member since:
    Jan 2008

    Posted 20 May 2010 Link to this post

    Vasya, in ValidateData I see return false line in if block - is this run when you click the buton? To do postback or ajax, you should go with return true.

    Prangadj
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017