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/#!/...ncha-button-ui