Modifying disclosure button in list item

[fx-mike]

mine looks like this:

#blabla.x-list .x-list-disclosure {
	-webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAA.........') !important;
	width: 1.6em;
	height: 1.6em;
	-webkit-mask-size: 1.6em 1.6em;
}

[jnw]

Thanks. That fixed it. I was missing the :

#blabla.x-list

[priya gupta]

Here

#blabla.x-list .x-list-disclosure {
-webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAA.........') !important;
width: 1.6em;
height: 1.6em;
-webkit-mask-size: 1.6em 1.6em;
}

what it is??

[fx-mike]

That is the image file you want to use as mask. You can use an online converter tool to get the base64 encoded string for your images.

[priya gupta]

in place of image there is box coming
what to do next>?

[fx-mike]

Not sure where you're going wrong, I can't help you if you don't show me your relevant code. Does the id match your list id?

[priya gupta]

This is my code I have written this in css file...

#blabla.x-list .x-list-disclosure {
-webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAAA....');
width: 1.6em;
height: 1.6em;
-webkit-mask-size: 1.6em 1.6em;
}

this i have added in panel...
var myList = new Ext.List({ // creating a list with id myList
id : 'myList',
store : App.stores.listStore,
cls : 'border',
// content which will be displayed on list
itemTpl : '<div class="listItemTitle">{documentName}</div>',
disclosure : {
scope : 'test',
iconCls : 'add'
},
onItemDisclosure : function(myList, item, index) {
alert(index);
}
});
I don't know y its not coming.
Please help!!