How to use Pictos icons

[shanndee]

Hi,

I don't quite understand how to implement the sass and mixin. I wanted to use the icons in pictos folder for buttons but just couldn't find a way to do it. Please help. thanks.

[vroon]

See the documentation: http://docs.sencha.com/touch/2-0/#!/guide/theming

Add to your scss something like the following:

@include pictos-iconmask('heart_circle'); 

Recompile using compass.
Now you use this icon, for example:

    ......
    Ext.create('Ext.tab.Panel',{
            fullscreen: true,           
            tabBarPosition: 'bottom',
            items:[{
                title: 'Health',
                iconCls: 'heart_circle',
                xtype: 'healthview'
            },
            ......
            ],
            ....
    }
    .....