单选按钮组的 XPages 高度属性答案

【问题标题】：XPages height property of Radio Button Group单选按钮组的 XPages 高度属性
【发布时间】：2016-02-24 08:19:47
【问题描述】：

我找不到 RadioButton Group 的 Bootstrap 属性来减少表格和 radioButtonGroup 之间的空间。

我试图用 F12 找到然后创建我自己的类但没有成功。

任何建议都会被采纳。问候库姆胡尔阿塔

更新：页面的代码sn-p：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="ibm.com/xsp/core"; dojoParseOnLoad="true" dojoTheme="true" xmlns:xc="ibm.com/xsp/custom"; xmlns:xe="ibm.com/xsp/coreex"; xmlns:bx="openntf.org/xsp/bootstrap">
<xp:this.resources>
    <xp:dojoModule name="extlib.dijit.ExtLib"></xp:dojoModule>
    <xp:dojoModule name="extlib.dijit.Loading"></xp:dojoModule>
</xp:this.resources>
<xp:this.data>
    <xp:dominoDocument var="document1" action="openDocument" formName="STAF">
    </xp:dominoDocument>
</xp:this.data>
<xp:table styleClass="table-condensed table-sm" style="width:100%!important;">
    <xp:tr>
        <xp:td>
            <xp:label id="label1" value="Label"> </xp:label>
        </xp:td>
        <xp:td>:</xp:td>
        <xp:td>
            <xp:inputText id="inputText1" styleClass="form-control input-xs txtEditBox" value="#{viewScope.result1}"> </xp:inputText>
        </xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xp:label id="label2" value="Label"> </xp:label>
        </xp:td>
        <xp:td>:</xp:td>
        <xp:td>
            <xp:inputText id="inputText2" styleClass="form-control input-xs txtEditBox" value="#{viewScope.result2}">
            </xp:inputText>
        </xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xp:label id="label3" value="Label"> </xp:label>
        </xp:td>
        <xp:td> </xp:td>
        <xp:td> 
            <xp:radioGroup id="finished" value="#{sessionScope.finished}" rendered="#{javascript:document1.isEditable();}" styleClass="sameLineLeft">
                <xp:selectItem itemLabel="Evet" itemValue="1" id="selectItem25"> </xp:selectItem>
                <xp:selectItem itemLabel="Hayır" itemValue="0" id="selectItem26"> </xp:selectItem>
            </xp:radioGroup>
        </xp:td>
    </xp:tr>
    <xp:tr>
        <xp:td>
            <xp:label id="referansno" value="Label"> </xp:label>    
        </xp:td>
        <xp:td> </xp:td>
        <xp:td>
            <xp:inputText id="inputText3" styleClass="form-control input-xs txtEditBox" value="#{viewScope.result3}"> </xp:inputText>
        </xp:td>
    </xp:tr>
</xp:table>

【问题讨论】：

你能发布你的源代码吗...
我只发送了 radioButtonGroup 代码？我应该发送任何代码吗？因为它在一张桌子上。
未来提示：最好更新/编辑问题并将源代码粘贴到那里，而不是使用大量 cmets...
+1 对 Georg 的评论。在一堆 cmets 中读取该代码是不可能的。我已经编辑了原始问题以添加您的 cmets 中的代码。如您所见，它更容易阅读和理解。如果您要添加其他信息，请在以后编辑您的问题

标签： twitter-bootstrap xpages

【解决方案1】：

您可以通过使用以下 CSS 代码创建自己的 custom.css 文件来解决您的问题，覆盖引导默认边距：

.radio {
    margin-top: 6px;
    margin-bottom: 6px;
}

注意：您必须将此文件包含在您的 xpage 中！

提示：我在bootstrap 方面没有经验，也许这项工作可以以更好的方式完成（例如Change the default Twitter Bootstrap，...）

【讨论】：

我不知道的是 Bootstrap 属性的名称，我必须将它们放入我的自定义样式表中。我会试试你的：）谢谢，