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 ownpanelbase
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. trickflowpanel
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
Post a Comment