extjs buttons in toolbar appearance

Question

Hey, i have a small question really but something i cant seem to find out.

when i place a button in a extjs toolbar, it appears with a default apperance (like any windows toolbar options)

how do i make it look like a button in a form ??

Answer 1

Try like this :

tbar: [
  { xtype: 'button', text: 'Button 1', cls:'x-btn-default-small' }
]

Answer 2

You have to wrap it in a panel, here is solution for Extjs 4.2.5

{
    xtype: 'panel',
    items: {
        xtype: 'button',
        text : 'My button'
    }
}