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;
}

styleClass属性不适用于InputField.EditBox的主题

1 个答案: