フォーマットGWT Mobile ListPanelはテーブルのようです

Question

私の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> 

ドロップダウンリストとflipSwitchが同じ垂直配置になるようにします。 現在のところ、フリップスイッチはちょっと右側にあります。

Answer 1

残念ながら、ListPanel自体（PanelBaseから拡張）はアラインメントをサポートしていません。これはおそらく単なる見落としであった。彼らはFlowPanelを使用しましたが、その構造を変更するためにCSSのハックなしにアラインメントを提供することはできません。

ため彼らはあなたが、可能性が揃っ見るには：はその後、あなたから延びているListPanel独自のものを作る、FlowPanel _panelの代わりにパネルの別のタイプを使用してサポートアライメントを行うこと、独自のPanelBaseを作る

• 新しいPanelBase。おそらくあなたの最高の賭け。

OR

• 、以下の（おそらくない正確に）のようなものをいくつかのCSSの魔法を使用してください。そのトリックは、FlowPanelがブロックレイアウトスタイルを使用しているため、vertical-align CSSプロパティをサポートする代わりに、インラインにする必要があります。これは予期しない影響を及ぼす可能性があるため、おそらく最初のルートが必要です。

.someStyle { 
    vertical-align:middle; 
    display:table-cell; 
}