RadButton w/ UpdateProgress

[License]

I am looking for a way to use the ASP Update Progress component with a RadButton with an image. I'd like to have a static image and then a loading gif when clicked to give the user an indication that data processing is being done. Is there any relatively simple way to intergrate the RadButton and the Update Progress control?

[Princy]

Hi Robert,

Try the following code to achieve your scenario.

ASPX:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
  <ContentTemplate>
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    <telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="true"
                onclick="RadButton1_Click"></telerik:RadButton>
  </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
  <ProgressTemplate>
    <asp:Image ID="Image1" ImageUrl="url" runat="server" />
  </ProgressTemplate>
</asp:UpdateProgress>

C#:

protected void RadButton1_Click(object sender, EventArgs e)
{
  System.Threading.Thread.Sleep(3000);
  Label1.Text = "Page refreshed at " + DateTime.Now.ToString();
}

Thanks,
Princy.

[License]

Not exactly what I'm looking for. What I am actually trying to accomplish is replacing the image in the RadButton with a loading animated gif. I can add a dummy RadButton with the animated button, however if I use that method, I need a way to hide the actual button while it is updating.

[Princy]

Hi Robert,

You can set the visibility of RadButton as follows to achieve your scenario.

ASPX:

<script type="text/javascript">
function OnClientClicked(sender, args)
{
 sender.set_visible(false);
}
</script>

C#:

protected void RadButton1_Click(object sender, EventArgs e)
{
 System.Threading.Thread.Sleep(3000);
 Label1.Text = "Page refreshed at " +
 DateTime.Now.ToString();
 RadButton1.Visible = true;
}

Hope this helps.

Thanks,
Princy.