View Full Version : I need help with the surface

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


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
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


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

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',
options: [ ]

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

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

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