单选按钮组在 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 个值的两行上。在 Native Notes 中很容易做到，但我想不出在 XPages 中做到这一点的方法。 有任何想法吗？我做了一些搜索，但解决方案似乎很复杂。

Answer 1

这 100% 有效 http://www.wissel.net/blog/d6plinks/SHWL-87B5ZJ Stephan Wissel 在他的博客上有一些非常棒的东西。我的搜索没有显示出来，但是...... 我发现单选按钮和文本有时会 运行 在一起，所以我修改了标签以在文本右侧添加一些填充，并且效果很好。