twitter-bootstrap - Xpages:ExtLib V12:具有Bootstrap配置的应用程序布局。可折叠的左列

我正在将应用程序布局控件与bootstrapResponsiveConfiguration一起使用。
nsf在9.0.1FP2服务器上运行，并且我正在使用最新的扩展库版本v12。
源看起来像这样：

...
<xe:applicationLayout id="applicationLayout1">
        <xp:callback
            facetName="facetMiddle"
            id="facetMiddle">
        </xp:callback>
        <xe:this.facets>
            <xp:callback
                facetName="facetLeft"
                id="facetLeft"
                xp:key="LeftColumn">
            </xp:callback>
            <xp:callback
                facetName="facetRight"
                id="facetRight"
                xp:key="RightColumn">
            </xp:callback>
        </xe:this.facets>
        <xe:this.configuration>
            <xe:bootstrapResponsiveConfiguration invertedNavbar="true"
                collapseLeftColumn="true" productLogoAlt="SelfService"
                placeBar="false" footer="false" legal="false" pageWidth="fluid"
                fixedNavbar="fixed-top">
...

结果是：如果我在桌面上调整窗口大小或在移动设备上查看页面，则左列被隐藏（如预期）。

但是很遗憾，我没有访问左栏的句柄。我希望有一个菜单按钮或类似的按钮。

有人知道我在做什么错吗？
提前致谢

最佳答案

仅当您的应用程序布局的左列中有一个菜单（在生成的HTML中）包含使用<ul>标记的菜单选项列表时（在Bootstrap布局中很常见），“可折叠的左菜单”功能才起作用。 ）。我只是在左侧栏中尝试了此操作：

<ul>
  <li>Menu option 1</li>
  <li>Menu option 2</li>
</ul>

并且有效：它在我的布局中自动创建了一个带有默认标签“菜单”的按钮（可以使用collapseLeftMenuLabel属性进行更改）。该按钮仅在小屏幕上可见，并打开一个弹出菜单，显示您创建的菜单选项。

您可以通过在XPages中编写HTML或在左侧列中添加<xe:navigator>控件来创建菜单：这还将在生成的HTML中创建<ul><li>结构。