Toolbar button similar to the "Document View" dropdown

Question

Is there documentation or any sample on how to create a ribbon dropdown button in Create/Content Editor which displays in a manner similar to the Document View button? In other words, it displays menu-items that contain no icons and can toggle a bullet for the selected item... When I try this based on sample markup in the docs, my main button icon on <ribbon-normalbuttondropdown> is replicated on each menu item in the dropdown.

Fredrik Geers · Accepted Answer

I couldn't find an example on how to do this in our docs, but this would be the way to go:

Editor.addCommand("checkedCommand", { getChecked: function () { return true; }, execute: function () { console.log("checked"); } }); Editor.addCommand("notCheckedCommand", { getChecked: function () { return false; }, execute: function () { console.log("not checked"); } }); Using checkmarks="bullet" and icons="no" on the menu-group you can style the menu the way you want. When you have specified an icon on the dropdownbutton itself, this will automatically be applied to all children as well. To avoid that, set iconsrc explicitly to an empty string for the menu-items.

Tridion Docs Developers > 03 - Developer Forum

Toolbar button similar to the "Document View" dropdown