PDA

View Full Version : I need help with the surface



Flipfine
6 Feb 2012, 2:12 AM
Hiii all,

it's exasperating (http://www.dict.cc/englisch-deutsch/exasperating.html) :( I would like a form looks like that

31384

Information you need:
2 selectfields, 3 TimePicker, Selectfield, Textfield

At first I try to do the layout with an fieldset. But the problem is that
the elements are below one other. It should look like the pic
above.
But I dont know how to assemble the controls that it looks like so
I hope you can help me :(
Perhaps you have an example where you have 2 controls in one line

Thanks

mitchellsimoens
6 Feb 2012, 8:32 AM
Each row should be a Container using HBox layout. Then each item can be the field.

Flipfine
7 Feb 2012, 7:01 AM
Okay now the two fields in the first line are side by side. But with this code the fields are in the middle of the panel. How do you set it to the top with distance from left,right,top ?
The next point is how do you handle the layout in the second line that it is
direct under the first line ?



var selectA = new Ext.form.Select({
id: 'a',
name: 'a',
label: 'a',
flex:1,
options: [ ]
});




var selectB = new Ext.form.Select({
id: 'b',
name: 'b',
label: 'b',
flex:1,
options: [ ]
});




Ext.ux.Panel = Ext.extend(Ext.Panel,
{
id:'timeViewPanel',
cls: 'detailPane',
scroll: 'vertical',
// fullscreen: true,


layout: {
type: 'hbox',
},
items:[selectA, selectB]

});