0

追加したウィジェットがインラインで表示されない理由がわからないようです。検証ウィジェットをラベルの後にインラインで表示したいのですが。しかし、私が何をしても、それはしません。なんで？

<ui:UiBinder
 xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:validation='urn:import:com.versature.vsm.client.ui.validation'>

<ui:style>
.validationField {
    display:inline-block;
}
</ui:style>

<g:HTMLPanel ui:field="mainPanel">
     <div class="{style.validationField}">
         <g:Label text="ACCOUNT NUM:"/> 
         <validation:ValidationField ui:field="accountNumberValidation"/>
     </div>
</g:HTMLPanel>
4

2 に答える 2

1

に置き換え<g:Label>ます<g:InlineLabel>。

Labelは、<div>デフォルトでブロックとして表示されるを使用しますが、InlineLabelはを使用し<span>ます。

于 2012-08-15T19:17:11.160 に答える
0

検証ウィジェットをラベルの後にインラインで表示したいのですが。しかし、私が何をしても、それはしません。なんで？

現在、両方を保持するコンテナinlineを作成しています。個々の要素をインラインにするには、次のいずれかを実行できます（次のソリューションのいずれかのみを適用してください。両方を適用しても機能しません）。

（1）スタイルを次のように変更して、CSSクラスの子をvalidationFieldインラインで表示するように設定します。

<ui:style>
.validationField * {
    display:inline-block;
}
</ui:style>

（2）UiBinder XMLを次のように変更して、 validationFieldCSSクラスをValidationFieldGWTウィジェットにのみ適用します。

<g:HTMLPanel ui:field="mainPanel">
     <g:Label text="ACCOUNT NUM:"/> 
     <validation:ValidationField ui:field="accountNumberValidation" stylePrimaryName="{style.validationField}"/>
</g:HTMLPanel>
于 2012-08-15T17:39:14.100 に答える