Data Editors - Editor Types Button

Send a message

This demo illustrates how the DevExpress ASP.NET MVC Button extension's appearance can be customized in different ways.

The Button content can consist of text and an image. The button text can be specified by the Text property. A button image is determined by the Images.Image property, and is displayed next to the text at the position specified by the ImagePosition property.

The easiest way to change the Button appearance is to apply a DevExpress theme. In this demo, a theme applied to the buttons can be specified using the THEMES link in the top-right corner.

Button provides the RenderMode property, which specifies which element is used to render the button: a div element (the Button value) or a hyperlink (the Link value). Additionally, the Button extension can be rendered as a native input element if the Styles.Native property is set to true.

To provide the Button extension with a custom appearance, disable the DevExpress theming mechanism by setting the EnableTheming property to false. Thereafter, you can modify every button element's appearance using the style properties provided by the extension, or by specifying the custom CSS class that is applied to the extension.

Version: v2017 vol 1.7
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.