PushButton - Property Explorer

Demo Configurator

Properties
  • AutoPostBack
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadPushButton provides useful, easy-to-use properties and events with which to configure the UI and the functionality of the control.

Here you can interact with some of the properties by using the demo configurator and see the results.

You can follow these articles to find out more about the configuration options that RadPushButton provides:

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.PushButton.PropertyExplorer.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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>
</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">
            <asp:Panel runat="server" ID="Panel1">
                <div class="btn-wrapper">
                    <telerik:RadPushButton ID="btnPush" runat="server" OnClick="btn_Click"
                        OnClientClicking="telerikDemo.OnClientClicking" Text="Push Button" AutoPostBack="true">
                    </telerik:RadPushButton>
                </div>
                <div class="btn-wrapper">
                    <telerik:RadPushButton ID="btnIcon" runat="server" OnClick="btn_Click"
                        OnClientClicking="telerikDemo.OnClientClicking" Text="Push Button With Icon" AutoPostBack="true">
                        <Icon CssClass=" rbCart"></Icon>
                    </telerik:RadPushButton>
                </div>
                <div>
                    <asp:Label ID="lblButtonClickMessage" runat="server" EnableViewState="false" CssClass="demo-label"></asp:Label>
                </div>
            </asp:Panel>
        </div>
    </div>
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"></telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnPush">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnIcon">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="ConfigurationPanel1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ConfigurationPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="Panel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>

    </telerik:RadAjaxManager>

    <qsf:ConfiguratorPanel ID="ConfigurationPanel1" runat="server">
        <Views>
            <qsf:View>
                <qsf:ConfiguratorColumn runat="server" Title="Properties" Size="Medium">
                    <ul class="fb-group">
                        <li>
                            <span class="label">AutoPostBack</span>
                            <qsf:RadioButtonList Orientation="Horizontal"
                                ID="rblAutoPostBack" OnSelectedIndexChanged="rblAutoPostBack_SelectedIndexChanged"
                                runat="server" AutoPostBack="True">
                                <asp:ListItem Value="True" Selected="True">True</asp:ListItem>
                                <asp:ListItem Value="False">False</asp:ListItem>
                            </qsf:RadioButtonList></li>
                        <li>
                            <asp:CheckBox Text="UseSubmitBehavior" ID="cbUseSubmitBehavior" OnCheckedChanged="cbUseSubmitBehavior_CheckedChanged"
                                Checked="true" AutoPostBack="true" runat="server" Height="25px" Style="display: block;"></asp:CheckBox></li>
                        <li>
                            <qsf:TextBox ID="txtPushButtonText" runat="server"
                                Text="Set a new button name" Size="Wide" /></li>
                        <li>
                            <qsf:Button ID="btnSetText"  runat="server" CssClass="ffbutton" OnClick="SetText" Size="Medium"
                                Text="Set Text">
                            </qsf:Button>
                        </li>
                    </ul>
                </qsf:ConfiguratorColumn>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?