單選按鈕組水平顯示多行XPages中

Question

這裏是用於水平單選按鈕的代碼：

<xp:radioGroup id="appType" 
           value="#{ruleDoc.AppType}" layout="lineDirection"> 
           <xp:selectItem 
            itemLabel="Applications"> 
           </xp:selectItem> 
           <xp:selectItem 
            itemLabel="Lotus Notes DB"> 
           </xp:selectItem> 
           <xp:selectItem 
            itemLabel="Lotus Notes Groups"> 
           </xp:selectItem> 
           <xp:selectItem itemLabel="Folders"></xp:selectItem> 
           <xp:selectItem itemLabel="Hardware"></xp:selectItem> 
           <xp:selectItem itemLabel="Other"></xp:selectItem> 
           <xp:selectItem itemLabel="Server"></xp:selectItem> 
          </xp:radioGroup> 

但所述顯示器是難看：

我想顯示它們在每行3個值的兩行上。在原生Notes中很容易做到，但我無法找到在XPage中執行此操作的方法。 任何想法？我已經做了一些搜索，但解決方案看起來很複雜。

Answer 1

This works 100％http://www.wissel.net/blog/d6plinks/SHWL-87B5ZJ Stephan Wissel在他的博客上有一些非常棒的東西。我的搜索沒有顯示出來，但是然後...... 我發現單選按鈕和文本會在occassions上一起運行，所以我修改了標記以在文本的右側添加一些填充，並且此效果很好。