Creating new icon cls

[Sasha172]

Hi,
I managed to solve the problem. And since people still seem to be getting stuck here, I put up the steps on my blog. Take a look

http://techtalktone.wordpress.com/2012/02/28/use-custom-button-icons-in-sencha-touch

Hope this helps

[lpfx]

Thank you!

[steffenbrem]

Hey guys!

If your creating your own Sencha Touch 2 theme, it's better to use SASS. They documented this part very well and you are good to go in less then a hour.

If you done this, you need to add this in you SASS style file:

@include pictos-iconmask('your_icon_png_file_name');

Now, you NEED to save you icon (60x60) in a specific location. Inside the root of Sencha Touch, the correct path is:
resources/themes/images/default/pictos

Save your .png file here and it works

Let me know if this works for you too!

[daffodilskkk]

.x-tab .x-button-icon.newicon,.x-button .x-button-icon.x-icon-mask.newicon{-webkit-mask-image:url(../sencha-touch-2.0.0-commercial/resources/themes/images/default/pictos/compose2.png)};
Put this in ur senha page and in code make following changes:

items : [
{
title: 'Sample',
iconCls: 'newicon '
}]

[guilhermevrs]

I know the thread is old, but maybe more people will have this problem. I think the main problem is that you can't just edit your sass file, but you need to compile it as well.