CODEWITHSUNDEEP
sencha-touch-2sencha-touch-2.1sencha-touch-2.2
NullCod3
NullCod3

Reputation: 321

Button with picture and text inside

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

enter image description here

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>',
}

Upvotes: 3

Views: 217

Answers (1)

Felix
Felix

Reputation: 38102

You can try to use html config:

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

Upvotes: 1

Related Questions