Kendo UI for jQuery DropDownButton Overview

The Kendo UI for jQuery DropDownButton widget combines a button with a drop-down element. It allows users to click the primary button and open the drop-down popup to choose from a list of additional actions.

Kendo UI for jQuery Kendoka image

The DropDownButton is part of Kendo UI for jQuery, 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.

Initializing the DropDownButton

The following example demonstrates how to initialize the DropDownButton from a <button> element.

    <button id="dropDownButton"></button>

    <script>
        $(document).ready(function () {

            $("#dropDownButton").kendoDropDownButton({                  
                icon: "clipboard",
                items: [
                    { id: "keep-text", text: "Keep Text Only", icon: "clipboard-text" },
                    { id: "paste-html", text: "Paste as HTML", icon: "clipboard-code" },
                    { id: "paste-markdown", text: "Paste Markdown", icon: "clipboard-markdown" },
                    { id: "paste-default", text: "Set Default Paste"  }
                ]
            });
        });
    </script>

Functionality and Features

See Also

In this article