Barra degli strumenti Stile dispositivo ExtJS

Question

Mi chiedevo se è possibile inserire un pulsante nella barra degli strumenti di un pannello, ma mantenere l'aspetto di un pulsante come se fosse solo in un pannello semplice.

Ad esempio, voglio il pulsante per assomigliare a questo:

Tuttavia, sembra che questo:

Grazie mille!

EDIT

codice per creare barra degli strumenti:

xtype: 'toolbar', 
     items: 
     [ 
      { 
       xtype: 'button', 
       text: 'Select bounding box on map', 
       id: 'bbBoxButton', 
       icon: 'img/cross_cursor.gif', 
       listeners: { 
        click: function(){ 
         polygonControl.activate(); 
        } 
       } 
      } 
     ] 

codice per creare il pulsante normale:

{xtype: 'button', id: 'bboxButton', text: 'Select bounding box on map', icon: 'img/cross_cursor.gif', listeners: {click: function(){polygonControl.activate()}}} 

credo di avere di utilizzare la configurazione cls per il pulsante, ma non riesco a trovare la classe css appropriata.

Answer 1

Questo collegamento sembrava rispondere esattamente a ciò che volevo.

Guarda la risposta di zombeerose per la soluzione 3.0.

http://www.sencha.com/forum/showthread.php?57130-Toolbar-button-style

Answer 2

Ho avuto lo stesso problema esatto. Per risolvere, questo passo nel pulsante:

cls:'x-btn-default-small' 

Answer 3

L'aggiunta di questo

ctCls: 'x-btn-over' 

pulsante config risolto il problema per me in Ext 2.2.1