घंटा की दो रेडियो बटन के बीच की जगह जोड़ना: selectOneRadio

Question

JSF 2.0 में मैं नीचे

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

है मैं आउटपुट के रूप में

O Accepted O Rejected 
      ^^ 

क्या मैं चाहता हूँ दो रेडियो बटन के बीच की जगह जोड़ सकते हैं ताकि उत्पादन होता है मिल होगा

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

मैं दो रेडियो बटन के बीच   जोड़ने, लेकिन यह काम नहीं कर रहा करने की कोशिश की। मुझे अगली पंक्ति पर रेडियो बटन मिल रहा है।

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

कोई विचार यह कैसे किया जा सकता है? जब मैं जोड़ने &nbsp एक अंतरिक्ष <table id="radio26"> बयान से पहले उत्पन्न होता है

एचटीएमएल   बिना उत्पन्न

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

है।

Answer 1

अस्वीकरण, मैं, JSF बारे में कुछ पता नहीं है तो निम्नलिखित ASP.NET के मेरे अनुभव और वहाँ में रिक्त स्थान को जोड़ने पर आधारित है है। यदि यह बेतहाशा गलत है, तो कृपया मुझे बताएं, और मैं तुरंत निकाल देंगे ...

, आइटम लेबल करने के लिए अंतरिक्ष जोड़ने अद्यतन करने की कोशिश ...

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

करने के लिए ...

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

यह सकता जरूरत में ही भाग निकले जा करने के लिए ...

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

अद्यतन

ओपी टिप्पणी में कहते हैं, इस लिंक का विस्तार होगा।

ऐसा लगता है कि जैसे कुछ के साथ पैरेंट ऑब्जेक्ट के लिए एक CSS वर्ग सेट करने के लिए सक्षम होना चाहिए ...

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

और फिर अपनी शैली/सीएसएस में की तरह कुछ है ...

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

Answer 2

बस सोचा आईडी मेरा उत्तर का हिस्सा ... फ़ायरबग साथ पेज inspecing के बाद मैं निम्नलिखित

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> 

सीएसएस:

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

Answer 3

इन उत्तरों की मुझे कुछ नहीं के लिए काम किया है, लेकिन इस पूरी तरह से काम करता है जैसे:

.ui-selectoneradio लेबल {padding-सही: 10px!जरूरी; }

यह primefaces

Answer 4

मैं इस के साथ कठिनाइयों रहा था का उपयोग कर मामले में है। शैली लागू करना मेरे लिए काम नहीं करता था जब मैंने इसे एच पर किया था: selectOneRadio, हालांकि यह इसके आसपास पैनल समूह रैपिंग में लागू होने पर काम करता था।