ASP.NET MVC Button Control

Overview

The ASP.NET MVC Button is a custom HTML5 button control. It has several built-in features such as support for icons, predefined styles, different button types, different button sizes, and UI customization. Toggle and repeat button functionality can be achieved by handling a click event.

Disable button

The ASP.NET MVC disabled button is used to indicate the inactive state of a button. It can be enabled or disabled by using the disabled property.

• Disabled button Documentation

Button size

You can choose from different button sizes, default and small, as required in your application.

• Button size documentation

• Block button documentation

UI customization

You can choose from built-in button types such as outline, block, and round buttons. Also, you can customize the button’s appearance.

Built-in themes

The ASP.NET MVC Button control supports built-in themes such as Bootstrap 5, Tailwind CSS, Fluent, high contrast, and more. Users can customize these built-in themes or create new themes to achieve the desired look and feel either by simply overriding SASS variables or using the Theme Studio application.

• Theme Studio Application

Other supported frameworks

The Button component is also available in Blazor, React, Angular, JavaScript and Vue frameworks. Check out the different Button platforms from the links below,

• Blazor Button

• React Button

• Angular Button

• JavaScript Button

• Vue Button

Web accessibility

• Fully supports WAI-ARIA accessibility practices to work with screen readers and assistive devices.
• Follows WAI-ARIA best practices for implementing keyboard interaction.
• Based on WCAG 2.0 standards, we designed the UI element visuals such as foreground color, background color, line spacing, text, and images.
• Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

ASP.NET MVC Button Code Example

Easily get started with the ASP.NET MVC Button using a few simple lines of C# code example as demonstrated below. Also explore our ASP.NET MVC Button Example that shows you how to render and configure a Button in ASP.NET MVC.

@using Syncfusion.EJ2
@section ControlsSection{
    <div id='button-control'>
        <div className="col-xs-6 col-sm-6 col-lg-6 col-md-6">
	        <div className="col-xs-12 col-sm-12 col-lg-6 col-md-6"> 
            @Html.EJS().Button("primarybtn").Content("Primary").IsPrimary(true).Render()
            </div>
            <div className="col-xs-12 col-sm-12 col-lg-6 col-md-6">     
            @Html.EJS().Button("normalbtn").Content("Normal").Render()
            </div>
        </div>
    </div>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace EJ2MVCSampleBrowser.Controllers.Button
{
    public partial class ButtonController : Controller
    {
        public ActionResult DefaultFunctionalities()
        {
            return View();
        }
    }

}

#button-control .col-xs-12 {
    margin: 15px 0;
}

#button-control {
    text-align: center;
}