XPage：将styleClass添加到XPage的给定styleSheet中

Question

如何将styleClass添加到给定的XPage styleSheet？

.bringToFront()

我想和克努特·赫尔曼回答here一样，但不幸的是，没有显示如何将该类添加到XPage styleSheet（分别编辑那个styleSheet）。那么如何实现呢？

Answer 1

在数据库的Resources / Style Sheets

中创建一个css文件

并将此css文件作为资源添加到XPage的属性“Resources”中的XPage中。

Answer 2

1）在数据库中创建自己的样式表文件（例如custom.css下的resources/stylesheets）

2）现在您可以在样式表文件中添加新的styleclass，或者可以覆盖现有的样式表

覆盖示例：

的XPage：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

    <xp:this.resources>
        <xp:styleSheet href="/custom.css"></xp:styleSheet>
    </xp:this.resources>

    <xp:text escape="true" id="computedField1" value="Hello"></xp:text>

</xp:view>

custom.css：

.xspTextComputedField {
    font-weight: bold;
}

“新”示例：

的XPage：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

    <xp:this.resources>
        <xp:styleSheet href="/custom.css"></xp:styleSheet>
    </xp:this.resources>

    <xp:text escape="true" id="computedField1" value="Hello" styleClass="customXspTextComputedField"></xp:text>

</xp:view>

custom.css：

.customXspTextComputedField {
    font-weight: bold;
    font-size: 20pt;
}