Saturday, July 13, 2013

tabular layout with UIBinder?

Hi,

I want to use a tabular layout using UIBinder. 

It should look contain two rows, the first one with two columns containing dropdown lists, and the second one containing a textfield that spans the two columns of the first row (colspan=2):

[dropdownlist] [dropdownlist]

[         textfield         ]

I tried to do it with a Grid and I added "colspan=2" manually to the CustomCell tag, but without any effect (see code below).
I also tried to use FlexTable, but GWT Designer does not let me put widgets in the FlexTable.
(For now I just use the designer's user interface to build layouts. For writing UIBinder XML by hand I do not know a suitable documentation that describes the tags and attributes you may use.)

Tipps are welcome!

Magnus

-----

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
 xmlns:g="urn:import:com.google.gwt.user.client.ui">
 <ui:style>
  
 </ui:style>
 <g:HTMLPanel>
  <g:Grid cellSpacing="10" width="">

  <g:row>
  <g:customCell>
  <g:VerticalPanel>
  <g:Label text="Einladender"/>
  <g:ListBox visibleItemCount="1" width="" ui:field="lst_Inviter"/>
  </g:VerticalPanel>
  </g:customCell>
  <g:customCell>
  <g:VerticalPanel>
  <g:Label text="Eingeladener"/>
  <g:ListBox visibleItemCount="1" width="" ui:field="lst_Invited"/>
  </g:VerticalPanel>
  </g:customCell>
  </g:row>

  <g:row>
  <g:customCell colspan="2">
  <g:VerticalPanel width="100%">
  <g:Label text="Nachricht"/>
  <g:TextBox width="" ui:field="txt_Message"/>
  </g:VerticalPanel>
  </g:customCell>
  </g:row>
  </g:Grid>
 </g:HTMLPanel>
</ui:UiBinder> 

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home


Real Estate