Format GWT Mobile ListPanel like a table -



Format GWT Mobile ListPanel like a table -

i have next code in ui-binder.

<m:listpanel selectable="false"> <m:listitem> <g:label ui:field="sortlabel"></g:label> <m:dropdownlist ui:field="sortdropdown" /> </m:listitem> <m:listitem> <g:label ui:field="donelabel"></g:label> <m:flipswitch ui:field="displaydone" value="false"/> </m:listitem> </m:listpanel>

i want dropdownlist , flipswitch in same vertical alignment. flipswitch little bit much on right side.

unfortunately listpanel (which extends panelbase) not back upwards alignment. oversight. used flowpanel isn't capable of providing alignment without css hacks alter structure.

in order them aligned, could:

make own panelbase does back upwards alignment using type of panel in place of flowpanel _panel, create own listpanel extends new panelbase. best bet.

or

use css wizardry, (but not exactly) below. trick flowpanel uses block layout style, , need create inline instead back upwards vertical-align css property. have unforeseeable effects, 1 time again want first route. .somestyle { vertical-align:middle; display:table-cell; }

gwt mobile alignment uibinder

Comments

Popular posts from this blog

How do I check if an insert was successful with MySQLdb in Python? -

delphi - blogger via idHTTP : error 400 bad request -

postgresql - ERROR: operator is not unique: unknown + unknown -