Xpages 无法控制表单行表中的间距

Question

我无法控制表单布局中的间距 table。我想在每一行之间放置一些 space ，这样事情就不会那么混乱了。开箱即用，如下所示：

我已尝试为每一行添加填充和边距，并且我已将一些代码放入 CSS 库中：

.lotusForm tr.lotusFormFieldRow td, .lotusForm td.lotusFormFieldRow {
    padding-bottom: 50px;
}

我做错了什么？

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xp:this.data>
        <xp:dominoDocument var="document1" formName="PCInventory"></xp:dominoDocument>
    </xp:this.data>
    <xe:formTable id="frInventory" disableErrorSummary="true"
        disableRowError="true" formTitle="Inventory" labelWidth="100px"
        labelPosition="left">
        <xp:this.facets></xp:this.facets>
        <xe:formRow id="formRow3" labelPosition="inherit"></xe:formRow>
        <xe:formRow id="formRow2" labelPosition="inherit"
            label="Serial Number" style="padding-bottom:20.0px">
            <xp:inputText value="#{document1.computerName}"
                id="computerName1" style="width:150px">
            </xp:inputText>
            <xp:message id="message2" for="computerName1" />
        </xe:formRow>
        <xe:formRow id="formRow8" labelPosition="inherit"
            label="Model">
            <xp:inputText value="#{document1.computerName}"
                id="inputText6" style="width:150px">
            </xp:inputText>
            <xp:message id="message1" for="computerName1" />
        </xe:formRow>
        <xe:formRow id="formRow1" labelPosition="inherit"
            label="Office /Location">
            <xp:inputText value="#{document1.computerName}"
                id="inputText1" style="width:150px">
            </xp:inputText>
        </xe:formRow>
        <xe:formRow id="formRow5" labelPosition="inherit"
            label="Check In Date">
            <xp:inputText value="#{document1.computerName}"
                id="inputText3" style="width:150px">
            </xp:inputText>
        </xe:formRow>
        <xe:formRow id="formRow6" labelPosition="inherit"
            label="Check Out Date">
            <xp:inputText value="#{document1.computerName}"
                id="inputText4" style="width:150px">
            </xp:inputText>
        </xe:formRow>
        <xe:formRow id="formRow7" labelPosition="inherit"
            label="Notes">
            <xp:inputText value="#{document1.computerName}"
                id="inputText5" style="width:150px">
            </xp:inputText>
        </xe:formRow>
    </xe:formTable>
    </xp:view>

我试过的css：

.lotusui30 .lotusFormTable td {
  padding-bottom:10px;
}

Answer 1

将此 css 添加到您的 XPage：

tr.lotusFormFieldRow > td
{
  padding-bottom: 20px;
}

Xpages 无法控制表单行表中的间距

Xpages cannot control spacing in form row tables

xpages

xpages-extlib