In CSS I have
Code:
.x-tab .x-button-icon.import,
.x-button .x-button-icon.x-icon-mask.import {
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAAAXNSR0IArs4c6QAAAAZQTFRF////AAAAVcLTfgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wFEgwdBGrDN/EAAAAfSURBVAjXY2CgC2BsABL8aARIgh1EsIEIFhDBga4RAG6pAlewaPhFAAAAAElFTkSuQmCC");
}
and in JS
Code:
createButton: function() {
var button = Ext.create('Ext.Button', {
flex: 1,
iconMask: true,
disabledCls: 'x-button-disabled',
maxWidth: 300
});
this.innerPanel.add(button);
return button;
},
initialize: function() {
// other stuff
this.buttonBirthDate = this.createButton();
this.buttonBirthDate.setIconCls('import');
}