DropDownButton Overview

Telerik UI for ASP.NET Core Ninja image

The DropDownButton is part of Telerik UI for ASP.NET Core, 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 TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers 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("paste")
        .Items(items => {
            items.Add().Id("keep-text").Text("Keep Text Only").Icon("paste-plain-text");
            items.Add().Id("paste-html").Text("Paste as HTML").Icon("paste-as-html");
            items.Add().Id("paste-markdown").Text("Paste Markdown").Icon("paste-markdown");
            items.Add().Id("paste-default").Text("Set Default Paste");
        })
    )
    <kendo-dropdownbutton name="DropDownButton" text="Paste" icon="paste">
        <dropdownbutton-items>
            <item id="keep-text" text="Keep Text Only" icon="paste-plain-text"></item>
            <item id="paste-html" text="Paste as HTML" icon="paste-as-html"></item>
            <item id="paste-markdown" text="Paste Markdown" icon="paste-markdown"></item>
            <item id="paste-default" text="Set Default Paste"></item>
        </dropdownbutton-items>
    </kendo-dropdownbutton>

Functionality and Features

  • Items—You can configure the DropDownButton by adding items to the popup.
  • Appearance—You can control the appearance of the DropDownButton by configuring its styling options.
  • Icons—You can enchance the DropDownButton's textual content by adding icons.
  • Accessibility—You can access the DropDownButton by different screen readers.

See Also

In this article