xpages - 如何使 Xpages 中的部分看起来像这样

Question

我很困惑。在 oneUI 3 documentation page有一个不错的部分。它看起来像这样:

我创建了一个新的数据库并将主题设置为 3.0.2 并放入下面的代码，它看起来与我想要生成的完全不同。

如何使用 OneUI 文档重现我在那里看到的内容？

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xe="http://www.ibm.com/xsp/coreex">
    <xp:section id="section1" header="Header"
        headerStyle="lotusSectionHeader2">
    </xp:section>
</xp:view>

好点。它看起来像这样:

Answer 1

请注意，XPages 扩展库中的“Widget Container”控件 (xe:widgetContainer) 大致相当于 OneUI Section 控件。您可以在扩展库演示应用程序中看到这一点:XPagesExt.nsf/OneUI_WidgetContainer.xsp使用该控件而不是 xp:section 控件可能更适合设计页面。

此外，在您链接到的 OneUI 3 文档中，在页面右侧、页面下方 25% 处，有一个主题下拉列表，您可以在其中选择“默认”或“gen2”。您要求的行为看起来像“gen2”行为(看起来像 OneUI 2)，而您的屏幕截图看起来更接近“默认”(OneUI 3)行为。您可能想研究如何启用第 2 代外观。