aspnetcore-400759-devextreme-based-controls-controls-button.md
Button is an interactive UI element that allows users to trigger specific actions or events within an application.
Run Demo: Button Read Tutorial
The Button UI Control is based on the DevExtreme Button component.
To add this control to your project, follow instructions in the following help topics:
@(Html.DevExtreme().Button()
.Text("Click to Test")
.OnClick("onClick")
)
<script>
function onClick(e) {
DevExpress.ui.notify("The button was clicked.")
}
</script>
using Microsoft.AspNetCore.Mvc;
namespace ASP_NET_Core.Controllers {
public class ButtonController : Controller {
public IActionResult GettingStarted() {
return View();
}
}
}
Labeling
You can label DevExtreme Button with text, an icon, or both to indicate its function.
State Management
Button states include default, hover, active, and disabled.
Action Binding
You can bind Button to a function triggered when the button is clicked. Actions can include submitting a form, navigating to another page, or executing a custom script.
Predefined Types
Button includes a set of predefined color schemes and styling modes.
InitializationCall the Button() method to create a Button control. This action initializes a ButtonBuilder instance. Use the instance methods to specify Button options and event handlers.OptionsFor a complete option list, see Options. For details on how to specify control options, refer to the following help topic: Specify Options.EventsFor available events, see Events. For details on how to handle events, refer to the following help topic: Handle Events and Define Callbacks.
OptionsIf you need to specify the Button options dynamically on the client side, use client-side API. For a complete option list, see DevExtreme Button options.MethodsFor a list of available methods, see DevExtreme Button methods. For details on how to call methods, refer to the following help topic: Call Methods.
For more information on Button accessibility compliance, refer to the following help topic: Accessibility.
See Also