title: ExtJS - BoxSelect close icon
body: <p>I use 4.2.1 and the BoxSelect extension from <a href="http://kveeiv.github.io/extjs-boxselect/examples/boxselect.html" rel="nofollow noreferrer">BoxSelect</a></p>
  
  <p>The examples there show a close icon in the tags:  </p>
  
  <p><img src="https://i.stack.imgur.com/ZG41X.png" alt="enter image description here"></p>
  
  <p>In 4.2.1 I have this example code:</p>
  
  <pre><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,
          } 
  </code></pre>
  
  <p>This looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/ph2dM.png" alt="enter image description here">  </p>
  
  <p>Is it because of version 4.2.1 that the close icon is not showing?<br>
  Or is there some setting I'm missing?  </p>
  
  <p>I tried classic, gray and neptune theme.</p>
  
  <hr>
  
  <p><strong>SOLVED</strong>  </p>
  
  <p>Solution given at <a href="http://www.sencha.com/forum/showthread.php?134751-Ext.ux.form.field.BoxSelect-Intuitive-Multi-Select-ComboBox/page18" rel="nofollow noreferrer">missing close icon</a> is working for me.<br>
  Thanks @DoubleDouble for pointing out the page.</p>
  
  <p>Adding this to BoxSelect.css solves it:</p>
  
  <pre><code>.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;
  }
  </code></pre>
  
  <p>Looks like this now:</p>
  
  <p><img src="https://i.stack.imgur.com/tCrGy.png" alt="enter image description here"></p>