1

ラジオ ボタンとそのラベルの間にスペースを追加することについてアドバイスをいただけますか。

これを行うための f:selectItem の属性はありますか?

ラジオをページの他のコンポーネントに合わせる必要があります。ラベルは整列されていますが、ラジオを整列させるには、ラジオとラベルの間にスペースを入れる必要があります。

これに役立つ属性が見つかりません。

助けてください。

4

2 に答える 2

1

プライムフェイスを使用して、最近これを行った方法は次のとおりです。

<p:column headerText="Is your hair naturally blonde?" width="140">
        <p:selectOneRadio value="#{mybean.haircolor}" id="haircolor" layout="custom">
            <f:selectItem itemValue="true" />
            <f:selectItem itemValue="false" />
        </p:selectOneRadio>

        <p:panelGrid columns="2">
            <h:panelGroup>
            <p:radioButton id="hairColorYes" for="haircolor" itemIndex="0"/>
             <h:outputLabel for="hairColorYes" value="Yes" styleClass="radiolabelPF"/>
            </h:panelGroup>
            <h:panelGroup>
            <p:radioButton id="hairColorNo" for="haircolor" itemIndex="1"/>
            <h:outputLabel for="hairColorNo" value="No" styleClass="radiolabelPF"/>
            </h:panelGroup>  
         </p:panelGrid>
 </p:column>

そして、私の 1 つの CSS スタイル:

.radiolabelPF {
  margin-left: 5px;  
}

トリックは、 で layout="custom" を使用することでした<p:selectOneRadio>。実際のラジオ ボタンとラベルは<h:panelGroup>タグ内にあります。

これが、Primefaces のラジオ ラベルとボタンの間のスペースを制御できる唯一の方法でした。selectOneRadio のドキュメントの「カスタム レイアウト」セクションにも記載されています。

http://www.primefaces.org/showcase/ui/input/oneRadio.xhtml

于 2016-01-25T21:34:00.870 に答える