View Full Version : Hide selected item column in a splitbutton

29 Oct 2014, 1:30 PM

Hi all. I've got a question for you guys. I've been fooling around with this, googling and searching various forums, but I haven't been able to figure out a solution. I have a splitbutton in an app that will almost always have several items in it. None of the items have a need to be selected, but a splitbutton was the simplest option for us to go with. (We're all still new to Ext5, so there could easily be a better option.)

What I'm trying to do is remove or otherwise hide the left-hand column that shows which item in the splitbutton menu is selected. The items in this menu (in our app) have their own controls on them that we have handlers for, but the menu item as a whole is never explicitly "selected". Is there a way to do what I'm wanting to do?

1 Nov 2014, 1:59 PM
You could use CSS to to adjust the margin .. for classic theme:

.x-menu-item-text-default.x-menu-item-indent {
margin-left: 5px;

/* need to take care of the separator */
.x-menu-icon-separator-default {
left: 24px;
border-left: solid 1px #e0e0e0;
background-color: white;
width: 2px;

For a theme like Neptune, just:

.x-menu-item-text-default.x-menu-item-indent-no-separator {
margin-left: 5px;