Syncfusion.AspNetMvc.SplitButtons
34.1.33
Prefix Reserved
dotnet add package Syncfusion.AspNetMvc.SplitButtons --version 34.1.33
NuGet\Install-Package Syncfusion.AspNetMvc.SplitButtons -Version 34.1.33
<PackageReference Include="Syncfusion.AspNetMvc.SplitButtons" Version="34.1.33" />
<PackageVersion Include="Syncfusion.AspNetMvc.SplitButtons" Version="34.1.33" />
<PackageReference Include="Syncfusion.AspNetMvc.SplitButtons" />
paket add Syncfusion.AspNetMvc.SplitButtons --version 34.1.33
#r "nuget: Syncfusion.AspNetMvc.SplitButtons, 34.1.33"
#:package Syncfusion.AspNetMvc.SplitButtons@34.1.33
#addin nuget:?package=Syncfusion.AspNetMvc.SplitButtons&version=34.1.33
#tool nuget:?package=Syncfusion.AspNetMvc.SplitButtons&version=34.1.33
Syncfusion® ASP.NET MVC SplitButtons Components
A comprehensive suite of ASP.NET MVC button components for split buttons and progress buttons. Includes DropDownButton, SplitButton, and ProgressButton components.
Supported Components
This package includes the following components:
ASP.NET MVC DropDownButton Component
The ASP.NET MVC DropDownButton Component displays a button that reveals a list of action items in a popup when clicked.
Key Features:
- Action Items List: Display a list of secondary actions in a popup menu
- Icon Support: Add icons to the button and to individual menu items
- Separators: Group related items using visual separators
- Nested Menus: Support multi-level nested dropdown items
- Custom Templates: Customize item rendering with templates
- Keyboard Navigation: Full keyboard support for opening and navigating items
- Accessibility: ARIA roles and attributes for screen reader support
Documentation
ASP.NET MVC SplitButton Component
The ASP.NET MVC SplitButton Component combines a primary action button with a dropdown arrow for revealing secondary actions.
Key Features:
- Primary Action: Dedicated clickable area for the main/default action
- Secondary Actions: Dropdown arrow reveals a popup list of related actions
- Icon Support: Add icons to the primary button and to popup items
- Separators: Group related secondary actions using visual separators
- Nested Items: Support multi-level nested action items
- Custom Templates: Customize the rendering of popup items
- Accessibility: Keyboard navigation and ARIA support for the button and popup
Documentation
ASP.NET MVC ProgressButton Component
The ASP.NET MVC ProgressButton Component displays an animated progress state on a button while an action is executing.
Key Features:
- Animated Spinner: Built-in spinner animation shown during the action
- Spinner Position: Configure the spinner position (left, right, top, bottom, center)
- Progress Modes: Support for indeterminate and determinate progress display
- Custom Animation: Customize spinner type, duration, and easing
- Icon Support: Combine icons with progress state for richer feedback
- Content Swap: Optionally change button text/icon during the progress state
- Accessibility: ARIA live region support to announce progress state changes
Documentation
Common Setup
These setup steps are required only once for your application, regardless of which Syncfusion components you use.
1. Install Base NuGet Package
Install-Package Syncfusion.AspNetMvc.SplitButtons
2. Add Namespace Reference
Edit Web.config under the Views folder and add the Syncfusion.EJ2 namespace:
<namespaces>
<add namespace="Syncfusion.EJ2"/>
</namespaces>
3. Add Stylesheet & Script References
In your layout file (~/Views/Shared/_Layout.cshtml), add the following in the <head> section:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewBag.Title - Syncfusion Application</title>
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.1.33/fluent2.css" />
<script src="https://cdn.syncfusion.com/ej2/34.1.33/dist/ej2.min.js"></script>
</head>
4. Register Script Manager
At the end of the <body> tag in your layout file (~/Views/Shared/_Layout.cshtml):
<body>
@RenderBody()
@Html.EJS().ScriptManager()
</body>
Quick Start
Step 1: Add ASP.NET MVC SplitButtons control
Add the Syncfusion® ASP.NET MVC SplitButtons control ~/Views/Home/Index.cshtml page:
@Html.EJS().SplitButton("splitbtn")
.Content("Actions")
.Items(item =>
{
item.Text("Item 1").Add();
})
.Render()
@Html.EJS().DropDownButton("dropdownbtn")
.Content("Menu")
.Items(item =>
{
item.Text("Item 1").Add();
})
.Render()
@Html.EJS().ProgressButton("progressbtn")
.Content("Submit")
.Render()
Step 2: Run the Application
Press Ctrl+F5 to run the application in your browser.
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET MVC | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET Framework | net462 is compatible. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
-
- Newtonsoft.Json (>= 13.0.3)
- Syncfusion.AspNetMvc.Base (>= 34.1.33)
- Syncfusion.AspNetMvc.Buttons (>= 34.1.33)
- Syncfusion.EJ2.JavaScript (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.