我正在使用应用程序布局控件和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">
...
其结果是:如果我在桌面上调整窗口大小或在移动的设备上查看页面,左列将隐藏(如预期)。
但不幸的是,我没有获得访问左列的句柄。我期待一个菜单按钮,或类似的东西。
有人知道我做错了什么吗?先谢谢了
1条答案
按热度按时间ncecgwcz1#
只有在应用布局的左列中有一个菜单(在生成的HTML中)包含一个使用
<ul>
标记的菜单选项列表(在Bootstrap布局中很常见)时,“可折叠的左菜单”特性才起作用。我刚刚在我的左列中尝试了这个特性:它起作用了:它会自动在我的布局中创建一个按钮,默认标签为“Menu”(可以使用
collapseLeftMenuLabel
属性更改)。该按钮仅在小屏幕上可见,并打开一个弹出菜单,显示您创建的菜单选项。您可以通过在XPages中编写HTML来创建菜单,也可以在左列中添加一个
<xe:navigator>
控件:这也会在生成的HTML中创建一个<ul><li>
结构。