How to center icon on extjs button?

Question

I have a simple button, but I can not get it to center.

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

CSS

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

This image is 72x72 pixels in size.

+5

Beatlejuice Jul 17 '12 at 13:33

2 answers

Is there a reason you are not using standard things:

icon: '',
iconAlign: 'center'

+1

sha Jul 17 '12 at 15:50

Engineer · Accepted Answer · 2012-07-17T13:35:43+0000

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