Question

我的应用在表格布局行中有一个checkBoxGroup，它位于Form表格内。

我想控制字体重量和间距等等，似乎我不能。如果复选框组在表单表格之外，则我的css可以正常工作，但不在表单表格中。我相信这是因为表单布局表生成的表没有被更改。我想在表格行上仅更改此内部的间距。

以下是表单布局行中复选框的代码：

<xe:formRow id="formRow4"
                            labelPosition="inherit" label="Area">
                            <xp:checkBoxGroup id="checkBoxGroup2"
                                layout="pageDirection" styleClass="threeColumnCheckBoxGroup"
                                style="font-size:8pt;font-style:normal">
                                <xp:selectItems>
                                    <xp:this.value><![CDATA[#{javascript:var tmp:String = viewScope.application;
var tmpLst = []; 

if (tmp == "OTM")
{
tmpLst.push("User Interface");
tmpLst.push("Rating/Planning");
tmpLst.push("Tendering/Booking");
tmpLst.push("Documentton");
tmpLst.push("Finance");
}

if (tmp = "GTM")
{
tmpLst.push("Parting Screening");
tmpLst.push("AES Filing");
tmpLst.push("AMS Filing");
tmpLst.push("Product Classification");
}

return tmpLst}]]></xp:this.value>
                                </xp:selectItems>
                            </xp:checkBoxGroup>
                        </xe:formRow>

对于外面的复选框：

<xp:checkBoxGroup id="checkBoxGroup4" layout="pageDirection" styleClass="threeColumnCheckBoxGroup" style="font-size:8pt;font-style:normal">
                                <xp:selectItems>
                                    <xp:this.value><![CDATA[#{javascript:var tmp:String = viewScope.application;
var tmpLst = []; 

if (tmp == "OTM")
{
tmpLst.push("User Interface");
tmpLst.push("Rating/Planning");
tmpLst.push("Tendering/Booking");
tmpLst.push("Documentton");
tmpLst.push("Finance");
}

if (tmp = "GTM")
{
tmpLst.push("Parting Screening");
tmpLst.push("AES Filing");
tmpLst.push("AMS Filing");
tmpLst.push("Product Classification");
}

return tmpLst}]]></xp:this.value>
                                </xp:selectItems>
                            </xp:checkBoxGroup

和css

.xspCheckBox { width: 500px; /* change to your preferred width */ }
.xspCheckBox td { white-space: nowrap; padding-bottom:3px; }


.threeColumnCheckboxGroup { display: inline; }
.threeColumnCheckboxGroup td { float: left; width: 24%; padding-bottom:3px; }

控制XBox中表单表中CheckBoxGroup的间距

0 个答案: