Adición de espacio entre dos botones de selección de h: selectOneRadio

Question

En JSF 2.0 tengo a continuación

<h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26"> 
    <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/> 
    <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/> 
</h:selectOneRadio> 

consigo salida como

O Accepted O Rejected 
      ^^ 

Lo que quiero es agregar espacio entre dos botones de radio para que la salida sería

O Accepted   O Rejected 
      ^^^^^^^^^^^ 

he intentado añadir   entre dos botones de radio sin embargo, no está funcionando. Estoy recibiendo el botón de opción en la siguiente línea.

<h:selectOneRadio value="#{StageGate.sketchesSG002006Decision}" onclick="validateMyRadioButton()" id="radio26"> 
    <f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/> 
    &nbsp;&nbsp;&nbsp; 
    <f:selectItem itemValue="Rejected" itemLabel="Rejected" id="rejected"/> 
</h:selectOneRadio> 

¿Alguna idea de cómo se puede hacer esto?

HTML generado sin   es

<table id="radio26"> 
<tr> 
<td> 
<input type="radio" checked="checked" name="radio26" id="radio26:0" value="Accepted" onclick="validateMyRadioButton()" /><label for="radio26:0"> Accepted</label></td> 
<td> 
<input type="radio" name="radio26" id="radio26:1" value="Rejected" onclick="validateMyRadioButton()" /><label for="radio26:1"> Rejected</label></td> 
</tr> 
</table> 

Cuando agrego &nbsp un espacio que se genera antes de <table id="radio26"> comunicado.

Answer 1

Descargo de responsabilidad, no sé nada sobre JSF, por lo que lo siguiente se basa en mi experiencia con ASP.NET y en agregar espacios allí. Si esto es tremendamente incorrecto, por favor hágamelo saber y voy a eliminar de inmediato ...

Trate de añadir el espacio de la etiqueta del elemento, actualizando ...

<f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/> 

Para ...

<f:selectItem itemValue="Accepted" itemLabel="Accepted &nbsp; &nbsp;" id="accepted"/> 

Se podría necesidad que se fugó en ...

<f:selectItem itemValue="Accepted" itemLabel="Accepted &amp;nbsp; &amp;nbsp;" id="accepted"/> 

ACTUALIZACIÓN

Como dice el OP en los comentarios, esto ampliará el enlace.

Parece que usted debe ser capaz de establecer una clase CSS al objeto padre con algo así como ...

<h:selectOneRadio styleClass="myRadioCtrl" ... > 

Y luego, en su estilo/CSS tiene algo así como ...

.myRadioCtrl span { padding-right: 10px; } 

Answer 2

sólo pensé Identificación comparten mi respuesta ... después de inspecing la página con Firebug que terminó con la siguiente

JSF:

<h:panelGroup id="search-options" layout="block" styleClass="radioButtonSpace"> 
     <h:selectOneRadio value="#{searchEngineController.reportSearch}"> 
     <f:selectItem itemValue="#{false}" itemLabel="CEPIS Search" /> 
     <f:selectItem itemValue="#{true}" itemLabel="Report Search" /> 
     </h:selectOneRadio> 
    </h:panelGroup> 

CSS:

.radioButtonSpace table tbody td {padding-right:50px;} 

Answer 3

Nada de estas respuestas trabajó para mí, pero como esto funciona perfectamente:

etiqueta .ui-selectoneradio {padding-right: 10px!importante; }

Esto es en caso usando PrimeFaces

Answer 4

que estaba teniendo dificultades con esto. La aplicación de Style no funcionó para mí cuando lo hice en h: selectOneRadio, sin embargo, funcionó cuando se aplicó en el grupo de paneles que lo rodea.