jsf의 selectOneRadio에서 라디오 단추와 레이블 사이에 공백을 추가하면

Question

라디오 단추와 해당 레이블 사이에 공백을 추가하는 방법에 대해 조언 할 수 있습니다.

우리가 F의 모든 속성이 수행 selectItem을 나는 페이지의 다른 구성 요소에 라디오를 정렬해야이

을 수행하십시오. 내 레이블이 정렬되어 있지만 라디오를 맞추려면 레이블과 레이블 사이에 약간의 공간을 두어야합니다.

나를 도울 속성을 찾을 수 없습니다.

도와주세요.

Answer 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>에서 layout = "custom"을 사용하는 것이 었습니다. 실제 라디오 버튼과 라벨은 <h:panelGroup> 태그 안에 있습니다.

이것은 프라임면의 라디오 라벨과 버튼 사이의 공간을 제어 할 수있는 유일한 방법이었습니다. 또한 selectOneRadio 설명서의 "사용자 정의 레이아웃"섹션에 설명되어 있습니다.

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

Answer 2

이 작업에 대한 CSS 스타일을 사용하십시오 - 예는 this tutorial를 참조하십시오

다음