PDA

View Full Version : Placing many Fields in a Row: MultiField?



Arno.Nyhm
30 Jul 2009, 2:19 AM
PS: i come from GWT-EXT and used the MultiFieldPanel ( see http://www.gwt-ext.com/docs/2.0.4/com/gwtext/client/widgets/form/MultiFieldPanel.html ) and this method:


there i can have a addToRow where i can set the width of a field i have added to a row.


void addToRow (http://www.gwt-ext.com/docs/2.0.4/com/gwtext/client/widgets/form/MultiFieldPanel.html#addToRow%28com.google.gwt.user.client.ui.Widget,%20int%29)(com.google.gwt.user.client.ui.Widget field, int width)
Add a Widget with the specified width to the row.
this helps me to layout fast to place Fields in a Form (i wrote also a helper function which calculates for me all the width and spaces etc)



requirement:
- label width per field
- field width
- rowcell width ( makes space per fom item interesting to span some "columns")


for example this layout (with one row span, different labels and different field width):


Long Labels : [ text field ] [!] Short : [ Text field long ] [!]
Label : [ text field ] [!] Lbl: [ field ] [!] Short : [ Text field long ] [!]
and technical view:


|<----------- cell width ------------------------------------------>|<----------- cell width ------------------>|
|<- label width ->|<- field width ->|<-2->|<- space to column span->|<- l.w.->|<- field width long ->|<-2-><-3->|

| Long Labels : | [ text field ] | [!] | Short : | [ Text field long ] | [!] |
| Label : | [ text field ] | [!] | Lbl: | [ field ] | [!] | Short : | [ Text field long ] | [!] |

|<- label width ->|<- field width ->|<-2->|<-1-->|<-field w.->|<-2->|<- l.w.->|<- field width long ->|<-2-><-3->|
|<----------- cell width ---------------->|<---------cell width---->|<----------- cell width ------------------>|
now the question: what i can use for this to get exact multicolumn layouts!?

PS:forms no need for resize. all values are fixed width (no relative percent values)

Arno.Nyhm
6 Aug 2009, 6:52 AM
some other ideas how is the best to layout the dialogs?

how you do layout your Forms?