Custom Image in Tab bar

[murali3]

asup will be defined in tabs.scss file as "@include pictos-iconmask('asup');" and this can be used in iconCls property.

[murali3]

And the image will be placed in the location "\resources\themes\images\default\pictos\asup.png" folder.

[Naga]

hai,

You just remove that asup in your xtype and use any default one and try what i said previous. i hope the problem in your case is modifying scss file.

[Naga]

And the image will be placed in the location "\resources\themes\images\default\pictos\asup.png" folder.

hai,
Are you trying it in browser or in device

[murali3]

hai,
Are you trying it in browser or in device

Browser.

[Naga]

I also tried in browser it worked fine for me. Are you getting any errors while using those?

[murali3]

But somehow its not working for me....

[farbodr]

The only way I know how is by using compass/scss. Try these two links:


http://www.sencha.com/blog/an-introd...-sencha-touch/
http://www.sencha.com/forum/showthre...h-Sencha-Touch

[murali3]

Any update on placing original icons in iPhone??

[Naga]

I have tried with my own custom icons placing in the tab bar and tested succesfully in iPhone without any issues...

I defined image in my .html file and i called that function in tabPanel using iconcls.