PDA

View Full Version : How specify the icon used in Ext.Toolbar



puremonkey
3 Sep 2011, 10:56 PM
As title, I use code as below to use icon in button of Ext.Toolbar :


<STYLE TYPE="text/css">
.newIcon { background-image: url(images/new.gif) !important; }
.openIcon { background-image: url(images/open.gif) !important; }
.saveIcon { background-image: url(images/save.gif) !important; }
</STYLE>
...
toolbar.addButton([
{
text: 'New',
handler: onButtonClick,
iconCls: 'newIcon'
},
{text: 'Open', handler: onButtonClick, iconCls: 'openIcon'},
{text: 'Save', handler: onButtonClick, iconCls: 'saveIcon'}
]);


But question is I can't find the file "images/new.gif" or other .gif files within Ext folder. I am not good at CSS. Can anybody tell me how to the replace those .gif files or replace the icon used in Ext.Toolbar. Thanks in advance.
:-/