ASP.NET MVC DropDownButton Overview
The DropDownButton is part of Telerik UI for ASP.NET MVC, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
The Telerik UI DropDownButton HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI DropDownButton widget.
The DropDownButton combines the functionality of a button with that of a dropdown element. It allows users to click the primary button and open the drop-down popup to choose from a list of additional actions.
Initializing the DropDownButton
The following example demonstrates how to define the DropDownButton.
@(Html.Kendo().DropDownButton()
.Name("DropDownButton")
.Text("Paste")
.Icon("clipboard")
.Items(items => {
items.Add().Id("keep-text").Text("Keep Text Only").Icon("clipboard-text");
items.Add().Id("paste-html").Text("Paste as HTML").Icon("clipboard-code");
items.Add().Id("paste-markdown").Text("Paste Markdown").Icon("clipboard-markdown");
items.Add().Id("paste-default").Text("Set Default Paste");
})
)
Functionality and Features
- Items—You can configure the DropDownButton by adding items to the popup and customizing them.
- Appearance—You can customize the appearance of the DropDownButton by configuring its size, fill mode, theme color, and border radius.
- Icons—You can enhance the DropDownButton's textual content by adding icons.
- Accessibility—You can access the DropDownButton by using different screen readers.
-
Events—Handling the
Click(),Open(), andClose()events of the DropDownButton allows you to implement custom functionality.
Next Steps
- Getting Started with the DropDownButton
- Basic Usage of the DropDownButton HtmlHelper for ASP.NET MVC (Demo)