How can I add new icons to buttons etc

[elcidofauy]

Dear All,

This is driving me a little loopy.. I'm trying to add new icons to my forms such as on buttons etc... I thought this would work:

1. Add new icon to the "icons" folder e.g. mynewiconfile.png

2. Amend icon.css with referencing the new icons e.g.

.icon-mynewiconfile{
   background:url('icons/mynewiconfile.png') no-repeat center center;
}

3. In the source code:

<a href="javascript:void(0)" class="easyui-linkbutton" style="width:110px" onclick="myfunction()" data-options="iconCls:'icon-mynewiconfile'">Example</a>


However it does not work... Nothing is shown... The only icons which work is the limited set that you get when downloading the libraries...

This should be simple lol... Perhaps I am missing something very obvious... Appreciate any help you can offer...

Cheers,


Sid



 

[elcidofauy]

Update: For the time being the only way I can get this to work is to place the css code directly within my webpage and thus ignore icon.css.. For some reason adding it to icon.css it is not picked up,where are the default set is... It seems to me there is another piece of code which needs to be added should you want it to work in the same way as for default ones...