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