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.

Download Free 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.

• Demo page for the DropDownButton

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(), and Close() 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)

See Also

• Using the API of the DropDownButton for ASP.NET MVC (Demo)
• Knowledge Base Section