Search code examples
twitter-bootstrapxpageslotus-domino

styleClass does not work in pageTreeNode


In bootstrap for xPages pageTreeNode (Application layout, responsive application layout) the styleClass does not seems to have any effect. Here for example, I'd expect the menu item "Link 1" to have the class testClass associated with it.

<xe:applicationLayout id="applicationLayout1">
    <xe:this.facets>
        <xp:callback facetName="facetRight" id="facetRight"
            xp:key="RightColumn">
        </xp:callback>
    </xe:this.facets>
    <xp:callback facetName="facetMiddle" id="facetMiddle"></xp:callback>
    <xe:this.configuration>
        <xe:bootstrapResponsiveConfiguration>
            <xe:this.titleBarTabs>
                <xe:basicLeafNode label="Link 1"
                    styleClass="testClass" href="http://www.bbc.com/">
                </xe:basicLeafNode>
            </xe:this.titleBarTabs></xe:bootstrapResponsiveConfiguration>
    </xe:this.configuration>
</xe:applicationLayout></xp:view>

And the generated code is

<div class="col-sm-12 col-md-12 applayout-titlebar-tabsarea"><ul id="view:_id1:_id2:applicationLayout1_tb" class="nav nav-tabs applayout-titlebar-tabs">
<li class="menu-item"><a href="http://www.bbc.com/">Link 1</a></li>
</ul>
</div>

Am I missing something vital?


Solution

  • This is probably a bug, I reported this to IBM back in Dec 2014

    https://github.com/OpenNTF/XPagesExtensionLibrary/issues/8

    Sadly IBM do not answer bug requests until they are fixed