Getting Application Layout to work with Bootstrap4

问题:

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

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

bootstrapv3.1.1

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

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

as needed XPages Libraries.

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

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.

I'm not sure what to do.

<?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>

回答1:

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:

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