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

时间:2016-12-05 16:24:05

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

我有一个快速响应的应用程序。布局,导航栏设置为fixed-top,pageWidth = fixed

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

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

enter image description here

1 个答案:

答案 0 :(得分:2)

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