form select field with images as values rather than text?

[adana325]

I have a selectfield that I'd like to populate with images (one star, two stars, three stars) rather than text.

I tried putting an image in where the text goes in an option array..like so.

{
xtype: 'selectfield',
name : 'priority',
label: 'Priority',
options: [
{text: '<img src="myimage.png">', value: 'high'},
{text: 'Medium', value: 'medium'},
{text: 'Low', value: 'low'}
]
},

The image resolves in the overlay to select the options..but when one is selected I get the label on my form an then the html for the image..so...

priority: <img src="myimage.png">.

I tried using html: instead of text: in my option array which isn't documented anywhere..and just got a blank field.

has anyone managed to do this?

thanks!
adana

[mitchellsimoens]

Currently you cannot do that. You will have to creat your own instance and do some fun stuff. I did something like this only with a div and a Picker for my ColorPickerField.

Git here https://github.com/mitchellsimoens/E...lorPickerField

[adana325]

ok..thanks for the lead!

[loclab]

Any development to add image in Ext.selectField in sencha touch2 ?