Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Collapse]Data Editor Extensions
    Editor List
    Main Features
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]BinaryImage
    [Collapse]Button
      Overview - Button
      Button Main Features
    [Expand]ButtonEdit
    [Expand]Calendar
    [Expand]Captcha
    [Expand]CheckBox
    [Expand]CheckBoxList
    [Expand]ColorEdit
    [Expand]ComboBox
    [Expand]DateEdit
    [Expand]DropDownEdit
    [Expand]GridLookup
    [Expand]HyperLink
    [Expand]Image
    [Expand]Label
    [Expand]ListBox
    [Expand]Memo
    [Expand]ProgressBar
    [Expand]RadioButton
    [Expand]RadioButtonList
    [Expand]SpinEdit
    [Expand]TextBox
    [Expand]TimeEdit
    [Expand]TokenBox
    [Expand]TrackBar
    [Expand]ValidationSummary
   [Expand]Strongly-Typed Editor Types
  [Expand]Report Extensions
  [Expand]SpellChecker
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Button Main Features

The Button MVC extension is a button with an enhanced client API.

The Button offers the following features.

  • Radio Button Functionality

    The Button extension also supports the checked state by exposing the ButtonSettings.Checked property. The ButtonSettings.GroupName property can be used to specify a grouping of buttons to create a mutually exclusive set of buttons. When the ButtonSettings.GroupName property is defined, only one Button in the specified group can be checked at one time. The checked state's appearance can be customized by using the ButtonControlStyle.CheckedStyle property. When a button's checked state is changed, the ButtonClientSideEvents.CheckedChanged client event is generated.

  • Native Rendering

    Button extension supports native rendering as a native HTML input element of the button type. When the native rendering is enabled, an extension appearance depends on how a client browser renders native HTML elements. This reduces the render size and improves the editor's overall performance. Set the ButtonSettings.Styles.Native (ButtonControlStyles.Native) property value to true to enable native rendering.

  • Appearance Customization

    Appearance Description Remarks

    Native HTML button input element

    When the Button extension is rendered as a native HTML button input element, a button appearance depends on how a client browser renders native HTML elements.

    Affected property: ButtonSettings.Styles.Native (ButtonControlStyles.Native)

    Applying DevExpress Themes

    This feature allows you to change how an extension looks.

    You can customize the extension appearance using predefined built-in visual themes. See this topic to learn more: Applying Themes

    Use of different button appearance properties

    The Button allows its contents to be represented by the following elements.

    • Image. The whole button is represented by a single image.
    • Image and Text. A button's content is represented using the combination of an image and text.
    • Background Image and Text. A button's content is represented using the combination of a background image and text.

    Affected properties:

  • Full-Featured Client-Side API

    The Button extension provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the ASPxClientButton object. The ASPxClientButton object serves as a client-side equivalent of the Button extension.

    You can operate with editor values using the following methods.

    Method Description
    ASPxClientButton.DoClick Simulates a mouse click action on the button control.
    ASPxClientButton.Focus Sets input focus to the button.
    ASPxClientButton.GetChecked Returns a value indicating whether the button is checked.
    ASPxClientButton.GetEnabled Returns a value indicating whether the button is enabled.
    ASPxClientButton.GetText Returns the text displayed within the button.
    ASPxClientButton.SetText Sets the text to be displayed within the button.
    ASPxClientButton.SetChecked Sets a value that specifies the button's checked status.
    ASPxClientButton.SetText Sets the text to be displayed within the button.

How would you rate this topic?​​​​​​​