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

    Server-side Events

    Event log

    RadImageButton exposes several server-side events that allow easy and flexible use in a wide range of application scenarios:

    • OnClick—raised when the RadImageButton is clicked and AutoPostBack is set to true.
    • OnCommand—raised when the RadImageButton is clicked and AutoPostBack is set to true. It is useful for handling commands (using the CommandName and CommandArgument properties).
    • DefaultCS.aspx
    • DefaultCS.aspx.cs
    • styles.css
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="ImageButton.ServerSideApi.ServerSideEvents.DefaultCS" %>
     
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
        <link href="styles.css" rel="stylesheet" />
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-container no-bg player-body-bg">
            <telerik:RadImageButton CssClass="play-button" runat="server" ID="RadImageButton1" Width="110px" Height="44px" CommandName="Play" ToolTip="Play"
                OnClick="Button_Click" OnCommand="CommandBtn_Click">
                <Image Url="images/Play_normal.png" HoveredUrl="images/Play_hover.png" PressedUrl="images/Play_pressed.png" />
            </telerik:RadImageButton>
     
            <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadImageButton1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="EventLogConsole1" LoadingPanelID="RadAjaxLoadingPanel1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
     
            <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" />
        </div>
        <qsf:EventLogConsole ID="EventLogConsole1" runat="server" AllowClear="true" Height="200px"></qsf:EventLogConsole>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance