New to Kendo UI for jQuery? Start a free 30-day trial
Items
Updated over 6 months ago
The Kendo UI SplitButton provides a various set of options for its items.
The following example demonstrates how to configure the SplitButton items:
<button id="splitButton"></button> <script> $(document).ready(function () { $("#splitButton").kendoSplitButton({ icon: "clipboard", items: [ { id: "keep-text", text: "Keep Text Only", icon: "clipboard-text" }, { id: "paste-html", text: "Paste as HTML", hidden:true }, { id: "paste-markdown", text: "Paste Markdown", icon: "clipboard-markdown", enabled:false }, { id: "favourite", text: "Mark As Favourite", imageUrl: 'https://demos.telerik.com/kendo-ui/content/shared/icons/16/star.png', attributes: { "data-context": "some arbitrary data" } }, { id: "telerik", text: "Go to SplitButton Demos" } ] }); }); </script>