xpages - styleClass 属性在 InputField.EditBox 的主题中不起作用

Question

我正在尝试通过主题设置编辑框的字体和大小。

如果我这样做：

<control>
    <name>InputField.EditBox</name>
    <property>
        <name>style</name>
        <value>
            font-family: Trebuchet MS, arial, verdana, ms sans serif;
            font-size: 50pt;            
        </value>
    </property>
</control>

那么它工作得很好，但如果我尝试使用 styleClass 属性并引用一个 CSS 类，主题似乎被忽略了。我对 Column.View 和 InputField.TextArea 也有类似的问题，但是许多其他控件在 styleClass 和 css 上工作得很好。

有任何想法吗？

Answer 1

以下为所有编辑框添加一个 CSS 类：

<control>
    <name>InputField.EditBox</name>
    <property>
        <name>styleClass</name>
        <value>testClass</value>
    </property>
</control>

xp:this.resources请记住使用标准选项或使用主题选项在 XPage 中包含相关样式表。在主题中，以下内容包括所有 XPage 上的样式表：

<resource>
    <content-type>text/css</content-type>
    <href>custom.css</href>
</resource>

使用您的示例，样式表类看起来像这样：

.testClass {
    font-family: Trebuchet MS, arial, verdana, ms sans serif;
    font-size: 50pt;
}