New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Getting Started with the Telerik WebForms ImageButton

The following tutorial demonstrates how to set up a page with a RadImageButton control and attach its OnClick server event:

  1. In the default page of a new ASP.NET AJAX-enabled Web Application, add a RadImageButton control:


    <telerik:RadImageButton id="RadImageButton1" runat="server" Width="100px" Height="100px" Text="Image Button">
        <Image Url="image.png" />

    The Image-Url property specifies the image that is going to be rendered in the RadImageButton. The Text property renders the specified text over the image.

  2. To hook to the OnClick server-side event of RadImageButton, switch to Design view of Visual Studio and double-click on the RadImageButton. This will insert the following function in the code-behind file:


    protected void RadImageButton1_Click(object sender, EventArgs e)


    Protected Sub RadImageButton1_Click(ByVal sender As Object, ByVal e As EventArgs)
    End Sub

    This will also add OnClick="RadImageButton1_Click" to the RadImageButton's declaration. In the Click event handler, add the code that you want to be executed when the RadImageButton control is clicked.

See Also

In this article