Custom Image in Tab bar

[murali3]

Can you please send your .html code and the /views/ page. I tried calling the image from the html file as well as loading it from the /pictos folder. But no luck for me...

[murali3]

NGS.views.appTabs = Ext.extend(Ext.TabPanel, {
id:'apptab',
showPage:'',
tabBar: {
dock: 'bottom',
ui: 'light',
layout: {
pack: 'center'
}
},
defaults: {
scroll: 'vertical',
iconMask: false,
ui :'plain'
},
items: [
{
title: 'ASUPs',
xtype:'asups',
id: 'asuppagetab',
iconCls: 'asups'

[jeremylauraire]

Hi,

Don't know if this is the best way to do but this method works:

• Step 1 : add you pic (mypicto.png, size = 60x60 pix, color space : RGB color) to the default Sencha Touch file (/touch/resources/themes/images/default/pictos),
• Step 2 : go to you .scss file and do a "@include pictos-iconmask('mypicto');"
• Step 3 : do the $compass compile
• You are all set...

Please let me know what you think of this method. Tested with Sencha Touch 2.1!!!!!

Cheers,
Jay.