View Full Version : Item Selector CSS issue

23 Oct 2012, 4:22 AM
Hi, I am using ux.ItemSelector.js in my Application

I included the file in my HTML file, and also have put them in the Ext.requires

<script type="text/javascript" src="extjs-4.1/src/ux/form/MultiSelect.js"></script>
<script type="text/javascript" src="extjs-4.1/src/ux/form/ItemSelector.js"></script>

But i am not seeing the ItemSelector properly, I think i am missing some CSS file, please provide me a solution

var ds = Ext.create('Ext.data.ArrayStore', { data: [[123,'One Hundred Twenty Three'],
['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
fields: ['value','text'],
sortInfo: {
field: 'value',
direction: 'ASC'

var addcomboPopUpTBPanel = Ext.create('Ext.panel.Panel',{
id: 'addcomboPopUpTBPanel',
bodyPadding:'10 10 10 100',

xtype: 'itemselector',
name: 'itemselector',
anchor: '100%',
fieldLabel: 'ItemSelector',
// imagePath: '../ux/images/',

store: ds,
displayField: 'text',
valueField: 'value',
value: ['3', '4', '6'],

allowBlank: false,
// minSelections: 2,
// maxSelections: 3,
msgTarget: 'side'


25 Oct 2012, 6:25 AM
Did you include the CSS for the ItemSelect? It's in examples/ux/css/ItemSelect.css file

21 Aug 2014, 6:16 AM
How can I include the itemselector style in a custom theme that derives from neptune with Sencha CMD and ExtJS 4.2?

That way they will be included in the *-all.css file that gets built.