使应用程序布局与 Bootstrap4Xpages 一起使用 [英] Getting Application Layout to work with Bootstrap4Xpages

问题描述

我使用的是 Domino 9.0.1，并已成功安装了 Bootstrap 库 1.0.0.201403171254.

I'm using Domino 9.0.1 and have managed to install correctly the Bootstrap Library 1.0.0.201403171254.

在应用程序配置/Xsp 属性/常规下我将主题设置为

Under Application Configuration/Xsp Properties/General I have set the theme to be

bootstrapv3.1.1

在应用程序配置/Xsp 属性/页面生成下.我已经设置了

and under Application Configuration/Xsp Properties/Page Generation. I have set up

com.ibm.xsp.extlib.library
org.openntf.xsp.bootstrap.library 

根据需要使用 XPages 库.

as needed XPages Libraries.

我在使应用程序布局控件按预期工作时遇到问题.

I'm having trouble making the Application Layout control work as I expected.

在第一个选项卡应用程序布局"中，有一个下拉菜单，其中包含 OneUI 应用程序配置、Bootstrap 应用程序配置和基本应用程序配置.我试着把下拉菜单放在 Bootstrap 应用程序配置上，但它没有坚持下去，源仍然显示.

In the first tab, Application Layout, there is a drop-down with OneUI Application Configuration, Bootstrap Application Configuration, and Basic Application Configuration. I try to put the drop-down on Bootstrap Application Configuration, but it doesn't stick and the source still shows.

我将其与演示数据库进行了比较，他们也有我期待的这个标签.

I've looked as a comparison to the demo databases and they have this tag that I am expecting there too.

我不知道该怎么办.

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:applicationLayout id="applicationLayout1">
    <xp:callback
        facetName="facetMiddle"
        id="facetMiddle">
    </xp:callback>
    <xe:this.configuration>
        <xe:oneuiApplication titleBarName="Schulungen">
            <xe:this.titleBarTabs>
                <xe:basicLeafNode label="Link 1"></xe:basicLeafNode>
            </xe:this.titleBarTabs>         
        </xe:oneuiApplication>
    </xe:this.configuration>
</xe:applicationLayout></xp:view>

推荐答案

这里有一个技巧:转到所有属性，然后通过单击 xe:oneuiApplication 旁边的删除按钮删除配置下的 xe:oneuiApplication 配置:

Here's a trick: go to All Properties and then remove the xe:oneuiApplication configuration under configuration by clicking the remove button next to xe:oneuiApplication:

然后您可以添加新配置并选择 bx:bootstrapApplication:

You can then add a new configuration and select bx:bootstrapApplication:

这篇关于使应用程序布局与 Bootstrap4Xpages 一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！