2011-12-12 26 views
9

Me preguntaba si es posible poner un botón en la barra de herramientas de un panel, pero que mantenga el aspecto de un botón como si fuera simplemente un panel plano.ExtJS Button Style Toolbar

Por ejemplo, quiero que el botón para tener este aspecto:

Button Style

Sin embargo, parece que esto:

Toolbar Button

Gracias tanto!

EDITAR

Código para crear barra de herramientas:

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

Código para crear el botón normal:

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

Creo que tengo a utilizar la configuración cls para el botón, pero Parece que no puedo encontrar la clase de CSS adecuada.

+0

por favor incluya el código que usted ha intentado .. –

Respuesta

4

que tenían el mismo problema exacto. Para resolver, paso esto en el botón:

cls:'x-btn-default-small' 
+0

Una vez que vuelcas el botón, ¿no se eliminará la clase? – reergymerej

+0

esto no funciona para IE8 –

2

La adición de este

ctCls: 'x-btn-over' 

al botón de configuración resolvió el problema para mí en Ext 2.2.1