Добавление пробела между переключателем и меткой в ​​selectOneRadio в jsf

Можно любой совет по добавлению пробела между переключателем и его меткой.

у нас есть какие-либо атрибуты в f:selectItem для этого

Я должен выровнять радио к другим компонентам страницы. Мои метки выровнены, но чтобы выровнять радио, мне нужно поместить некоторое пространство между ним и метками.

Я не могу найти какой-либо атрибут, чтобы помочь мне в этом.

Пожалуйста помоги.

Источник

2 ответа

Решение

Вот как я недавно сделал это, используя простые лица:

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

Хитрость заключалась в том, чтобы использовать layout="custom" в <p:selectOneRadio>, Мои фактические переключатели и метки находятся в пределах <h:panelGroup> теги.

Это был единственный способ контролировать пространство между меткой радио и кнопкой в ​​Primefaces. Это также задокументировано в разделе "Пользовательский макет" документации по selectOneRadio.

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

Источник

Пожалуйста, используйте CSS стили для этой задачи - пожалуйста, посмотрите этот учебник для примеров

Источник
Другие вопросы по тегам