1

任何人都可以建议在单选按钮及其标签之间添加空格。

我们在 f:selectItem 中是否有任何属性来执行此操作

我必须将收音机与页面的其他组件对齐。我的标签是对齐的，但要对齐收音机，我需要在它和标签之间留一些空间。

我找不到任何属性来帮助我。

请帮忙。

4

2 回答 2

1

这是我最近使用primefaces的方法：

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

然后是我的一种 CSS 样式：

.radiolabelPF {
  margin-left: 5px;  
}

诀窍是在<p:selectOneRadio>. 我的实际单选按钮和标签在<h:panelGroup>标签内。

这是我可以控制 Primefaces 中单选标签和按钮之间空间的唯一方法。它也记录在 selectOneRadio 文档的“自定义布局”部分。

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

于 2016-01-25T21:34:00.870 回答
-1

请为此任务使用 CSS 样式 - 请参阅本教程以获取示例

于 2014-02-18T13:28:49.453 回答