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

WebForms PushButton Overview

Username:
Password:
Comment:

About RadPushButton for ASP.NET AJAX

When you need the features of the standard asp Button enhanced with built-in text and image, single click functionality and rich client side API, the Teleik ASP.NET StandardButton is the control that can easily fulfill all these requirements. "Dress" it with the set of predefined skins we provide and the buttons on your web forms will have the consistent and appealing look and feel as the rest of the Telerik AJAX controls you use.

RadPushButton and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Rich client-side functionality
  • Command Support—RadPushButton has full support for Commands
  • Single click functionality—Avoid multiple postbacks/callbacks to the server
  • Icon—you can make the button more intuitive by placing an Icon next to its text
  • Advanced Skinning—the visual appearance of the Button control can be easily customized through skins
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.PushButton.Overview.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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" type="text/css" />
    <script src="scripts.js" type="text/javascript"></script>
    <script type="text/javascript">
        //<![CDATA[
        telerikDemo.resultLabelClientID = "<%=ResultLabel.ClientID%>";
        //]]>
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-containers">
        <div class="demo-container wrapper">
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="demo-container demo-content">
                <asp:Label ID="Label1" runat="server" Text="Username:" Width="80px"></asp:Label>
                <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1" Width="200px" EmptyMessage="Enter username"></telerik:RadTextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="RadTextBox1" ErrorMessage="!" ForeColor="Red"></asp:RequiredFieldValidator>
                <br />
                <asp:Label ID="Label2" runat="server" Text="Password:" Width="80px"></asp:Label>
                <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox2" Width="200px" TextMode="Password"></telerik:RadTextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="RadTextBox2" ErrorMessage="!" ForeColor="Red"></asp:RequiredFieldValidator>
                <br />
                <asp:Label ID="Label3" runat="server" Text="Comment:" Width="80px"></asp:Label>
                <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox3" Width="200px" EmptyMessage="Enter comment" TextMode="MultiLine" Height="100px" Resize="None"></telerik:RadTextBox><br />

                <telerik:RadPushButton runat="server" ID="RadPushButton1" Text="Sign in" CssClass="submitButton" Width="90px" Primary="true" OnClick="RadPushButton1_Click" />
                <telerik:RadPushButton runat="server" ID="RadPushButton2" Text="Reset" CssClass="resetButton" Width="90px" AutoPostBack="false" OnClientClicked="telerikDemo.resetForm"  />
                <div class="resultLabelContainer" >
                    <asp:Label runat="server" ID="ResultLabel" CssClass="resultLabel"></asp:Label>
                </div>
            </telerik:RadAjaxPanel>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance