JSF selectOneRadio indentation

Question

Есть ли какой-либо способ сделать набор переключателей? Я хочу, чтобы это выглядело следующим образом:

 
o Item 1 
o Item 2 
    o Item 2.1 
    o Item 2.2 
o Item 3 

Я пробовал просто применять к нему стиль, но он не работает.

<style> 
    .indent { 
     text-indent: 3em; 
    } 
</style> 

<p class="indent">test</p> 

<h:selectOneRadio layout="pageDirection" value="#{myBean}"> 
    <f:selectItem itemValue="1" itemLabel="Item 1" /> 
    <f:selectItem itemValue="2" itemLabel="Item 2" /> <!-- also okay if item 2 is not selectable and item 2.1 and 2.2 are --> 
    <p class="indent"> 
     <f:selectItem itemValue="2.1" itemLabel="Item 2.1" /> 
     <f:selectItem itemValue="2.2" itemLabel="Item 2.2" /> 
    </p> 
    <f:selectItem itemValue="3" itemLabel="Item 3" /> 
</h:selectOneRadio> 

Answer 1

Вы пытались добавить запас вместо отступа?

.myIndent { 
    margin-left: 3em; 
} 

Посмотрите http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ , а также, они охватывают кнопки радио стиль.

Answer 2

Я думаю, вы хотите отображать свои переключатели в виде списка. Добавьте атрибут layout с pageDirection значением для компонента <h:selectOneRadio /> тега для его достижения:

<h:selectOneRadio layout="pageDirection" value="#{myBean}"> 
    <!-- your items go here... --> 
</h:selectOneRadio>