PDA

View Full Version : Using Ext.form.field.Picker



mashiki
1 Mar 2012, 8:51 PM
I want to use Ext.form.field.Picker like Ext.form.field.Date.
To do this, first I try to make color pickerfield for example.

I can display the color picker if viewport layout is 'auto',
http://jsfiddle.net/mashiki/nP7Zr/9/

but I cannot do this if viewport layout is 'card' or 'vbox'.
http://jsfiddle.net/mashiki/nP7Zr/10/

Why?

skirtle
2 Mar 2012, 7:00 AM
It'll work if you add:


floating: true,
minHeight: 90,

You may also want to tweak the shadow, e.g.:


shadow: false,

Didn't really dig into why it wasn't working. The color picker was being shown off the bottom of the viewport. From trying the 'working' example you provided it looked to me like that wasn't really working either, it was coincidence that there was nothing to push the color picker down. In a real app I suspect neither would have worked.

mashiki
2 Mar 2012, 8:03 AM
Thank you for your help.

Now it works even if it is on vbox on card with field label.
http://jsfiddle.net/mashiki/nP7Zr/15/

My goal is to make a software 10 key to input numbers for touch panel display.

First I use Trigerfiled and window. It worked fine in a form, bat not in editor grid.
32321

So I'm trying picker. Goal is far, bat I can try next step.

mashiki
2 Mar 2012, 5:38 PM
Now I get final one.

http://jsfiddle.net/nP7Zr/18/

Thanks, skirtle.