如何使用固定导航栏将页面宽标题添加到 xPage答案

【问题标题】：how to add page wide header to xPage with fixed navbar如何使用固定导航栏将页面宽标题添加到 xPage
【发布时间】：2016-12-05 16:24:05
【问题描述】：

我有一个响应式应用。导航栏设置为固定顶部且 pageWidth=fixed 的布局

    <xe:this.configuration>
        <xe:simpleResponsiveConfiguration fixedNavbar="fixed-top"
            invertedNavbar="false" pageWidth="fixed"...>

现在我想添加类似页眉的东西，但它应该是页面宽度。见下图。所以蓝色面板应该是页面宽度，而它的内容是固定的。我可以对该蓝色面板/标题使用什么控件。应该是另一个导航栏吗？

【问题讨论】：

ui-bootstrap端居然实现了这种设计，大家可以随时查看源码
那么有没有 xPages 专家可以给我看一下 xPage 源代码？

标签： css xpages angular-ui-bootstrap lotus-notes

【解决方案1】：

由于您使用的是 Bootstrap，我建议您创建自己的自定义控件，在导航栏后添加引导行。设置css参数以固定位置。这里的诀窍是：您可以将标准标记添加到 XPage 中，因此您“只需”尝试在纯 html 页面中实现的目标，并将适合您的行添加到自定义控件中。

【讨论】：