Button with picture and text inside

Question

I want to know, how to create a button that looks like this: (everything inside the gray container is a button)

How can I put picture and text inside button? XTemplate? CSS in text property?

Thank you!

Sencha Touch 2

Solution:

{
    xtype: 'button',
    html: '<img style="margin-left: 35px;" src="http://www.timwickstrom.com/wp-content/uploads/2011/06/beer1.png" width="200" height="200" /><br /><span style="your style">Beer</span>',
}

Answer 1

You can try to use html config:

xtype: 'button',
html: '<img src="your image source"/> width="" height=""'
text: '50$'