popup.appendToString(default: document.body)

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

Example

<div id="container" style="position: relative; width: 500px; height: 300px; border: 1px solid #ccc;">
    <p>This is a container with relative positioning</p>
    <button id="dropdownbutton" type="button">Actions</button>
</div>
<script>
    $("#dropdownbutton").kendoDropDownButton({
        items: [
            { text: "Edit" },
            { text: "Delete" },
            { text: "Archive" }
        ],
        popup: {
            appendTo: "#container"  // Popup will be appended to the container div
        }
    });
</script>
In this article
popup.appendTo
Not finding the help you need?
Contact Support