Ajouter de l'espace entre les deux boutons radio de h:selectOneRadio

En JSF 2.0 j'ai ci-dessous

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

- Je obtenir en sortie

O Accepted  O Rejected
          ^^

Ce que je veux, c'est d'ajouter de l'espace entre les deux pour la radio, bouton de sorte que le résultat serait

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

J'ai essayé d'ajouter   entre deux bouton radio mais il n'est pas de travail. Je suis arriver bouton radio de la ligne suivante.

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

Une idée de comment cela peut être fait?

HTML généré sans   est

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

Quand j'ajoute &nbsp un espace est généré avant <table id="radio26"> déclaration.

OriginalL'auteur Fahim Parkar | 2012-07-16

4

Avertissement, je ne sais rien à propos de JSF, donc ce qui suit est basé sur mon expérience de ASP.NET et en ajoutant des espaces. Si c'est très incorrecte, s'il vous plaît laissez-moi savoir, et je vais retirer immédiatement...

Essayez d'ajouter de l'espace à l'élément de l'étiquette, mise à jour...
```
<f:selectItem itemValue="Accepted" itemLabel="Accepted" id="accepted"/>
```
...
```
<f:selectItem itemValue="Accepted" itemLabel="Accepted &nbsp; &nbsp;" id="accepted"/>
```
Il pourrait doivent être échappés en...
```
<f:selectItem itemValue="Accepted" itemLabel="Accepted &amp;nbsp; &amp;nbsp;" id="accepted"/>
```
Mise à JOUR

Que l'OP dit dans les commentaires, cela permet de prolonger le lien.

Semble que vous devriez être en mesure de définir une classe CSS à l'objet parent avec quelque chose comme...
```
<h:selectOneRadio styleClass="myRadioCtrl" ... >
```
Et puis dans votre style /CSS avoir quelque chose comme...
```
.myRadioCtrl span { padding-right: 10px; }
```
Accepted     de travail, mais il rend l'espace blanc comme lien pour Acceptées, ce qui est mauvais 🙁
est-il possible (comme je l'ai dit, je ne sais rien à propos de JSF) pour avoir quelque chose comme itemLabelStyle="padding-right:20px;" ou quelque chose comme ça?
ou vous pouvez définir un class à la selectOneRadio et le format de cette façon?
hmm, réglage de classe va être chouette idée...
encore attendre pour un peu plus de réponses... laissez-c si la magie est là...

OriginalL'auteur freefaller

Juste pensé id partager ma réponse... après inspecing la page avec firebug j'ai fini par le suivant

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

Cela fonctionne bien. J'ai utilisé class="radiobuttonSpace" dans un div entourant et il a fait le tour. Si vous voulez garder les boutons et les étiquettes que vous pouvez faire: .radioButtonSpace table tr td:nth-child () {padding-right:10px;}

OriginalL'auteur Curt

-1

J'ai eu des difficultés avec cela. Appliquer le Style n'a pas de travail pour moi quand je l'ai fait sur h:selectOneRadio, cependant, il a travaillé lorsqu'il est appliqué dans panelgroup s'enroulant autour d'elle.

Afficher le code veuillez depuis l'enveloppant d'un panelgroup autour de la selectoneradio ne va pas aider la personne radiobuttons. Et l'enroulant autour de chacun d'eux est impossible

OriginalL'auteur wahid
-2

Rien de ces réponses a fonctionné pour moi, mais comme cela fonctionne parfaitement:

.ui-selectoneradio label{ padding-right: 10px !important; }

C'est le cas à l'aide de primefaces

Question a propos de h:selectOneRadio.

OriginalL'auteur crvazquez

Vous devez vous connecter pour publier un commentaire.