Syncfusion.AspNetCore.SplitButtons
34.1.31
Prefix Reserved
dotnet add package Syncfusion.AspNetCore.SplitButtons --version 34.1.31
NuGet\Install-Package Syncfusion.AspNetCore.SplitButtons -Version 34.1.31
<PackageReference Include="Syncfusion.AspNetCore.SplitButtons" Version="34.1.31" />
<PackageVersion Include="Syncfusion.AspNetCore.SplitButtons" Version="34.1.31" />
<PackageReference Include="Syncfusion.AspNetCore.SplitButtons" />
paket add Syncfusion.AspNetCore.SplitButtons --version 34.1.31
#r "nuget: Syncfusion.AspNetCore.SplitButtons, 34.1.31"
#:package Syncfusion.AspNetCore.SplitButtons@34.1.31
#addin nuget:?package=Syncfusion.AspNetCore.SplitButtons&version=34.1.31
#tool nuget:?package=Syncfusion.AspNetCore.SplitButtons&version=34.1.31
Syncfusion® ASP.NET Core SplitButtons Components
A comprehensive suite of ASP.NET Core button components for split buttons and progress buttons. Includes DropDownButton, SplitButton, and ProgressButton components.
Supported Components
This package includes the following components:
ASP.NET Core DropDownButton Component
The ASP.NET Core 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 Core SplitButton Component
The ASP.NET Core 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 Core ProgressButton Component
The ASP.NET Core 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
All Syncfusion ASP.NET Core controls share the same foundational setup steps:
1. Install NuGet Package
Install-Package Syncfusion.AspNetCore.SplitButtons
2. Register Tag Helper
Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:
@addTagHelper *, Syncfusion.AspNetCore.SplitButtons
3. Add Stylesheet & Script References
In your layout file (~/Pages/Shared/_Layout.cshtml or ~/Views/Shared/_Layout.cshtml):
<head>
<link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
<script src="_content/Syncfusion.AspNetCore.SplitButtons/scripts/sf-drop-down-button.min.js" type="text/javascript"></script>
<script src="_content/Syncfusion.AspNetCore.SplitButtons/scripts/sf-progress-button.min.js" type="text/javascript"></script>
<script src="_content/Syncfusion.AspNetCore.SplitButtons/scripts/sf-split-button.min.js" type="text/javascript"></script>
</head>
4. Register Script Manager
In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:
<ejs-scripts></ejs-scripts>
Quick Start
Step 1: Create a PageModel
Create ~/Pages/Index.cshtml.cs:
using Microsoft.AspNetCore.Mvc.RazorPages;
public class IndexModel : PageModel
{
public void OnGet()
{
// Initialize split buttons demo
}
public void OnPostExecuteAction()
{
// Handle dropdown button action
}
}
Step 2: Create the View
Create ~/Pages/Index.cshtml:
DropDownButton
<ejs-dropdownbutton id="dropdownbtn" content="Edit">
<e-dropdownbuttonitems>
<e-dropdownbuttonitem text="Cut"></e-dropdownbuttonitem>
<e-dropdownbuttonitem text="Copy"></e-dropdownbuttonitem>
<e-dropdownbuttonitem text="Paste"></e-dropdownbuttonitem>
</e-dropdownbuttonitems>
</ejs-dropdownbutton>
SplitButton
<ejs-splitbutton id="splitbtn" content="Save">
<e-dropdownbuttonitems>
<e-dropdownbuttonitem text="Save As"></e-dropdownbuttonitem>
<e-dropdownbuttonitem text="Export"></e-dropdownbuttonitem>
</e-dropdownbuttonitems>
</ejs-splitbutton>
ProgressButton
<ejs-progressbutton id="progressbtn" content="Download"></ejs-progressbutton>
Step 3: 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 Core | 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 | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.AspNetCore.Popups (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
-
net8.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.AspNetCore.Popups (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
-
net9.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.AspNetCore.Popups (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
NuGet packages (10)
Showing the top 5 NuGet packages that depend on Syncfusion.AspNetCore.SplitButtons:
| Package | Downloads |
|---|---|
|
Syncfusion.AspNetCore.Inputs
Syncfusion® ASP.NET Core Inputs package provides a rich collection of form input controls including TextBox, TextArea, MaskedTextBox, NumericTextBox, ColorPicker, Slider, Uploader, Switch, Signature, Rating, OTP Input, and Speech-To-Text. These controls offer validation, globalization, accessibility (ARIA), RTL support, and customizable styling. They are designed to deliver an enhanced user input experience in forms, data entry screens, and interactive applications built on ASP.NET Core. |
|
|
Syncfusion.AspNetCore.RichTextEditor
Syncfusion® ASP.NET Core Rich Text Editor (RTE) is a feature-complete WYSIWYG HTML editor that enables rich content creation with a familiar word processor-like interface. It supports text formatting (bold, italic, underline, color, alignment), tables, images, hyperlinks, lists, code view, source code editing, mentions, emoji, video embedding, paste from Word/Excel, custom toolbar configuration, full-screen editing, and content export. It also supports Markdown editing mode, making it versatile for CMS, blog platforms, and form-based content input in ASP.NET Core applications. |
|
|
Syncfusion.AspNetCore.BlockEditor
Syncfusion® ASP.NET Core Block Editor is a modern, block-based rich content editing control that allows users to create structured documents using a variety of content blocks such as paragraphs, headings, images, lists, code snippets, tables, and more. Inspired by the notion-style editing experience, it provides a clean and intuitive interface where each piece of content is a movable, configurable block. It supports drag-and-drop reordering, slash commands for inserting blocks, and real-time collaborative authoring scenarios in ASP.NET Core web applications. |
|
|
Syncfusion.AspNetCore.PivotView
Syncfusion® ASP.NET Core Pivot Table (PivotView) is a powerful data summarization and analytical control that supports OLAP and relational data. It provides features like drill-down, drill-through, grouping, aggregation, calculated fields, conditional formatting, virtual scrolling, chart integration, toolbar, field list, export to Excel/PDF/CSV, and a rich UI for interactive data exploration. It is ideal for building business intelligence, reporting, and analytical dashboards in ASP.NET Core applications. |
|
|
Syncfusion.AspNetCore.Ribbon
Syncfusion® ASP.NET Core Ribbon control provides a Microsoft Office-style tabbed command bar for organizing and accessing application features efficiently. It supports tabs, groups, button items, split buttons, dropdown buttons, toggles, combo boxes, color pickers, and gallery items. The control offers simplified and classic layout modes, responsive behavior, keyboard navigation, tooltip support, and accessibility compliance. It is ideal for document editors, productivity tools, and enterprise applications built on ASP.NET Core that require a structured toolbar experience. |
GitHub repositories
This package is not used by any popular GitHub repositories.