css - XPage 主题创建和 ExtLib 支持

Question

我一直在努力寻找一种资源来学习如何为 IBM (Lotus) Notes XPage 应用程序和公司服务器默认值开发我自己的主题，但我一直找不到实现它的方法。我发现了很多关于主题如何工作的信息，我知道它们是一组 css，可以是特定于服务器和特定于应用程序的，它们甚至可以相互继承等。但我一直无法真正找到正确的命名方案.当然，我可以编写自己的 css 并将我编写的类等连接到控件以更改文本和背景等，但据我了解，使用主题的全部意义在于不必执行此步骤。

如何找到合适的命名方案来创建我自己的主题，同时也支持扩展库控件？

提前致谢!

Answer 1

在花了很多时间试图找到这个问题的答案之后，通过@Naveen 在问题评论中写的链接，我觉得这个问题值得一个真正的答案。

首先，链接到 this wiki如果您正在尝试创建自己的 XPage 主题，那么它很棒。在发布此问题之前，我发现了类似的东西。 This article Naveen 在评论中也列出了这也是一个很好的来源，如果您正在尝试找到一种方法来扩展 XPage 主题并且需要一种方法来获取主题的 XML 文件的控件名称，但是它不会工作用于扩展库控件! 这是因为至少大多数(如果不是全部的话)扩展库控件依赖于 dojo，并且它们将 dojo 主题与 XPages 主题结合使用。可能有一种方法可以在控件的“所有属性”选项卡中将其关闭，但在这种情况下，您自己另外创建一个 dojo 主题可能会更容易。

我觉得 dojo 主题的创建本身就是一个问题，我不想在这里深究，但我会说有四个默认的 dojo 主题，这些主题有点基础。创建自己的主题后，您可以使用以下代码导入 dojo 主题:

<resource dojoTheme="true">
        <content-type>text/css</content-type>
        <href>/.ibmxspres/dojoroot/dijit/themes/tundra/tundra.css</href>
</resource>

同时使用

    <control>
        <name>ViewRoot</name>
        <property mode="concat">
            <name>styleClass</name>
            <value>body</value>
        </property>
        <property>
            <name>styleClass</name>
            <value>tundra</value>
        </property>
    </control>

其中 body 是您自己的 html-body 样式，tundra 是 dojo 主题。这将确保 ExtLib 控件至少具有某种样式并且并不总是完全透明，或者具有其他不需要的默认样式。

如果您不想编写自己的样式，可以只覆盖几个类。查找这些类可能很困难，但它们在服务器和客户端上都可以找到，您可以引用它们。该文件将位于:
..\Notes\Data\domino\js\dojo-1.5.2\dijit\themes
文件。此外，您可以使用 firebug 或任何其他浏览器的检查元素选项来找出该控件正在使用哪些 css 类。我没有找到改变命名方案的方法，或者更好地说，创建您自己的类并在设计器中设置样式并让它有所不同。我发现的唯一选择是覆盖我的 css 中已经给出的类。

我希望这对 future 的人有所帮助。