PDA

View Full Version : Icon isn't rendered at ActionColumn while using with iconCls



talha06
17 Apr 2012, 11:04 PM
Hi everyone,

I'm not able to see the icon at the 'actioncolumn' while using iconCls property(I used same iconCls for other components - icon is rendered for others). However, if I use icon config with setting direct path of icon, it's rendered.

I want to learn if this is a bug or I'm doing something wrong.
I'll be happy if someone helps/corrects me.

Thanks in advance,
With regards.
T

skirtle
17 Apr 2012, 11:23 PM
Could you post some example code, including your CSS? Which ExtJS version exactly?

vietits
17 Apr 2012, 11:32 PM
Try to add the following to your css


.x-action-col-cell img {
height: 16px;
width: 16px;
cursor: pointer;
}

talha06
18 Apr 2012, 12:37 AM
Could you post some example code, including your CSS? Which ExtJS version exactly?
I'm using v. 4.0.7, here's my code :
CSS Definition

.icon-delete {
background-image: url(../../resources/images/famfamfam/delete.png) !important;
}

JS

xtype: 'actioncolumn',
items: [{
iconCls: 'icon-delete',
tooltip: 'Delete row'
}]

@vietits
Thank you so much, it works now! :)