I use 4.2.1 and the BoxSelect extension from BoxSelect
The examples there show a close icon in the tags:
In 4.2.1 I have this example code:
{
name: 'tags',
itemId: 'tags',
xtype: 'boxselect',
fieldLabel: "${cn.message(code: 'tags')}",
forceSelection: false,
createNewOnEnter: true,
createNewOnBlur: true,
store: 'States',
queryMode: 'local',
valueField: 'abbr',
displayField: 'name',
filterPickList: true,
pinList: false,
growMax: 120,
typeAhead: true,
}
This looks like this:
Is it because of version 4.2.1 that the close icon is not showing?
Or is there some setting I'm missing?
I tried classic, gray and neptune theme.
SOLVED
Solution given at missing close icon is working for me.
Thanks @DoubleDouble for pointing out the page.
Adding this to BoxSelect.css solves it:
.x-boxselect-item-close {
width : 11px;
height : 11px;
background-image: url(http://cdn.sencha.io/ext-4.2.0-gpl/resources/ext-theme-classic/images/tab/tab-default-close.gif);
filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity : 0.6;
top : 2px;
right : 2px;
}
.x-boxselect-list {
margin:0px;
}
Looks like this now: