Xpages:ExtLib V12:具有 Bootstrap 配置的应用程序布局。可折叠的左栏
Xpages: ExtLib V12: Application Layout with Bootstrap Configuration. Collapsible left column
我将应用程序布局控件与 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">
...
结果是:如果我在桌面上调整 window 的大小或在移动设备上查看页面,左栏被隐藏(如预期的那样)。
但不幸的是,我没有获得访问左栏的句柄。我希望有一个菜单按钮或类似的按钮。
有人知道我做错了什么吗?
提前致谢
'collapsible left menu' 功能只有在您的应用程序布局的左栏中有一个菜单(在生成的 HTML 中)包含使用 <ul>
标签(在 Bootstrap 布局中很常见)。我只是在左栏中尝试了这个:
<ul>
<li>Menu option 1</li>
<li>Menu option 2</li>
</ul>
它起作用了:它在我的布局中自动创建了一个带有默认标签 'Menu' 的按钮(可以使用 collapseLeftMenuLabel
属性 进行更改)。该按钮仅在小屏幕上可见,并打开一个显示您创建的菜单选项的弹出菜单。
您可以通过在 XPages 中写入 HTML 来创建菜单,或者通过向左列添加一个 <xe:navigator>
控件来创建菜单:这也会在生成的菜单中创建一个 <ul><li>
结构HTML.
我将应用程序布局控件与 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">
...
结果是:如果我在桌面上调整 window 的大小或在移动设备上查看页面,左栏被隐藏(如预期的那样)。
但不幸的是,我没有获得访问左栏的句柄。我希望有一个菜单按钮或类似的按钮。
有人知道我做错了什么吗? 提前致谢
'collapsible left menu' 功能只有在您的应用程序布局的左栏中有一个菜单(在生成的 HTML 中)包含使用 <ul>
标签(在 Bootstrap 布局中很常见)。我只是在左栏中尝试了这个:
<ul>
<li>Menu option 1</li>
<li>Menu option 2</li>
</ul>
它起作用了:它在我的布局中自动创建了一个带有默认标签 'Menu' 的按钮(可以使用 collapseLeftMenuLabel
属性 进行更改)。该按钮仅在小屏幕上可见,并打开一个显示您创建的菜单选项的弹出菜单。
您可以通过在 XPages 中写入 HTML 来创建菜单,或者通过向左列添加一个 <xe:navigator>
控件来创建菜单:这也会在生成的菜单中创建一个 <ul><li>
结构HTML.