2012-07-17 20 views
5

Tengo un botón simple, pero no puedo hacer que el ícono se centre en él.¿Cómo centrar un icono en un botón extjs?

{ 
    xtype: 'button', 
    width: 150, 
    height: 150, 
    cls: 'startbutton' 
} 

css:

.startbutton { 
    background-image: url(Camera.png) !important; 
} 

Esta imagen es de 72x72 píxeles.

Respuesta

4

creo, es necesario background-position:

.startbutton { 
    background-position: center center; 
    background-image: url(Camera.png) !important; 
} 
1

¿Hay razón por la que no se esté usando cosas estándar:

icon: '', 
iconAlign: 'center' 
+0

Esto sólo muestra una parte de la imagen. Incluso si uso scale: 'large'. – Beetlejuice

+0

@sha: FYI se identificó un problema potencial con esta publicación ... http://stackoverflow.com/review/suggested-edits/1748742 – Matt

+0

iconAlign no tiene un valor 'center'. Ext JS 4.2.1. –

Cuestiones relacionadas