How to design the docked buttons??

[roymj88]

Hi,

Is it possible to change the design of the buttons like submit, back etc which are used in the docked toolbars.

For eg :-

I have used the following button,




{
xtype:'button',
class:'submitbutton',
text:'Submit',
handler:function(){
Test.Viewport.setActiveItem('second',{type:'slide', direction:'left'});
}
}


I had named it to a different class and gave style accordingly :




.submitbutton{
background-color:#FFF;
border-radius:7px;
color:#000;
padding:10%;
}



But the styles are having no effect. Please let me know how can i change the designs of the buttons.

Thanks

Roy M J

[mitchellsimoens]

Instead of using 'class', use 'cls'

[rdougan]

I suggest you use `ui` instead of `cls`, and use the SASS mixins to generate a new style of button for your application.

Documentation here: http://docs.sencha.com/touch/2-0/#!/api/Ext.Button-css_mixin-sencha-button-ui