PDA

View Full Version : Upgrading 2.2 -> 3.0 iconCls problem in buttons?



Rothariger
9 Oct 2009, 6:09 AM
Hi,

well thats the problem, i migrate from 2.2 to 3.0 and all the iconCls for the buttons doesnt work... i have all the buttons without the icons.
and just to add more informacion, the RecordForm also has no icons...

is there some way of fix this???


thanks!

9 Oct 2009, 6:21 AM
the CSS has not changed. can you post a reproducable code set?

aconran
9 Oct 2009, 6:27 AM
Drill down to the markup using firebug where the icons should be. Is there a prevailing rule that is overriding your icon?

Rothariger
9 Oct 2009, 6:35 AM
the markup look good, but i dont know...

i cant post all the code of the page because its endless, but the buttons are declared this manner.



, buttons :
[
{
text: Ext.MessageBox.buttonText.ok,
handler: fnOk,
formBind: true,
iconCls:'icon-ok'
}, {
text: Ext.ux.grid.RecordForm.prototype.clearText,
handler: fnClear,
iconCls:'icon-clear'
},{
text: Ext.MessageBox.buttonText.cancel,
handler: function () { win.hide(); },
iconCls:'icon-cancel'
}
]


and the css aplied in a .css file.



.icon-cancel .x-btn-text {background-image: url(../images/rfcancel.gif) !important;}
.icon-ok .x-btn-text {background-image: url(../images/rfadd.gif) !important;}
.icon-clear .x-btn-text {background-image: url(../images/rfclear.gif) !important;}



thanks!

Rothariger
9 Oct 2009, 6:46 AM
i found the bug.. :P

this always happends to me... i search to fix it, and when i came here and post it i found the fix.. :P

i dont need to override the styles anymore... :D


thanks anyway!!!

realtebo2
9 Oct 2009, 7:21 AM
I've the same problem, what's the solution !? I've not seen it

Rothariger
9 Oct 2009, 9:08 AM
instead of



.icon-cancel .x-btn-text {background-image: url(../images/rfcancel.gif) !important;}
.icon-ok .x-btn-text {background-image: url(../images/rfadd.gif) !important;}
.icon-clear .x-btn-text {background-image: url(../images/rfclear.gif) !important;}


i use this...




.icon-cancel {background-image: url(../images/rfcancel.gif) !important;}
.icon-ok {background-image: url(../images/rfadd.gif) !important;}
.icon-clear {background-image: url(../images/rfclear.gif) !important;}