Fig: 5a: Typical XPages mark-up source for a List Box control. 
<xp:listBox id="listBox1" value="#{sessionScope.values}"> 
     <xp:selectItem itemLabel="AAA" itemValue="AAA"></xp:selectItem> 
     <xp:selectItem itemLabel="BBB" itemValue="BBB"></xp:selectItem> 
     <xp:selectItem itemLabel="CCC" itemValue="CCC"></xp:selectItem> 
</xp:listBox> 


Fig: 5b: Changed source to render a Checkbox Group control. 
<xp:checkBoxGroup id="checkBoxGroup1"value="#{sessionScope.values}"> 
     <xp:selectItem itemLabel="AAA" itemValue="AAA"></xp:selectItem> 
     <xp:selectItem itemLabel="BBB" itemValue="BBB"></xp:selectItem> 
     <xp:selectItem itemLabel="CCC" itemValue="CCC"></xp:selectItem> 
</xp:checkBoxGroup> 


Fig: 5c: Changes source to render a Radio Button Group Control 
<xp:radioGroup id="radioGroup1"value="#{sessionScope.values}"> 
     <xp:selectItem itemLabel="AAA" itemValue="AAA"></xp:selectItem> 
     <xp:selectItem itemLabel="BBB" itemValue="BBB"></xp:selectItem> 
     <xp:selectItem itemLabel="CCC" itemValue="CCC"></xp:selectItem> 
</xp:radioGroup> 

Fig: 7a: Layout - Line Direction in the mark-up: 
<xp:checkBoxGroup id="checkBoxGroup2"value="#{document1.selectCity}" layout="lineDirection"> 
     <xp:selectItems> 
             <xp:this.value> 
                     <![CDATA[#{javascript:var ctry = document1.getItemValueString("selectCountry"); 
                             var lst1 = @DbLookup(@DbName(),"viewList",ctry,2); 
                             @Explode(lst1,",") 
                             }]]> 
             </xp:this.value> 
     </xp:selectItems> 
</xp:checkBoxGroup>

Fig: 8a: Layout - Page Direction in the mark-up: 
<xp:checkBoxGroup id="checkBoxGroup2"value="#{document1.selectCity}" layout="pageDirection"> 
     <xp:selectItems> 
             <xp:this.value> 
                     <![CDATA[#{javascript:var ctry = document1.getItemValueString("selectCountry"); 
                             var lst1 = @DbLookup(@DbName(),"viewList",ctry,2); 
                             @Explode(lst1,",") 
                             }]]> 
             </xp:this.value> 
     </xp:selectItems> 
</xp:checkBoxGroup>