Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Features

Button
RenderMode = ButtonRenderMode.Button
Text = "Button"
Delete
RenderMode = ButtonRenderMode.Danger
Text = "Delete"
Outline
RenderMode = ButtonRenderMode.Outline
Text = "Outline"
Secondary
RenderMode = "Secondary"
Text = "Secondary"
Link
RenderMode = ButtonRenderMode.Link
Text = "Link"
New Item
RenderMode = ButtonRenderMode.Link
Text = "New Item"
Images.Image.IconID = "actions_additem_16x16gray"
ImagePosition = ImagePosition.Right
Text = "Native"
Styles.Native = true
RenderMode = Link
Images.Image.SpriteProperties.CssClass = "blueBall"
Images.Image.SpriteProperties.HottrackedCssClass = "blueBallHottracked"
Images.Image.SpriteProperties.PressedCssClass = "blueBallPressed"


The DevExpress ASP.NET MVC Button provides the RenderMode property, which specifies its appearance: Button, Danger, Outline, Secondary and Link. Additionally, the Button extension can be rendered as a native input element if the Styles.Native property is set to true.

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.

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.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Components Installer
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher)
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDataEditorsDemos