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