popup - API Reference - Kendo UI SplitButton

New to Kendo UI for jQuery? Start a free 30-day trial

configuration

The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation.

Object

<button id="splitButton">Command</button>
<script>
    $("#splitButton").kendoSplitButton({
        items: [
            { text: "Option 1" },
            { text: "Option 2" },
            { text: "Option 3" }
        ],
        popup: {
            origin: "top left",
            position: "bottom left",
            collision: "flip",
            animation: {
                open: { effects: "slideIn:down" },
                close: { effects: "slideIn:up" }
            }
        }
    });
</script>

popup.appendTo

String

Defines a jQuery selector that will be used to find a container element, where the popup will be appended to.

<div id="container">
    <button id="splitButton">Command</button>
</div>
<script>
    $("#splitButton").kendoSplitButton({
        items: [
            { text: "Option 1" },
            { text: "Option 2" },
            { text: "Option 3" }
        ],
        popup: {
            appendTo: "#container"
        }
    });
</script>