I have a cc in an XPage to display a modal dialo. Inside the dialog I want to have a tabbed table. The dialog itself renders without any problems, but I have issues with the tabs inside the dialog

I have tried two different flavours.

 

1) Insert a tabbed panel.

 

This renders normally, but when I triy to switch between tabs, the dialog closes

 

2) Using dojo/dijit

 

I'm using the following code to build the tabs ( this works as expected on an XPage)

 

<?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" dojoTheme="true"
    xmlns:xc="http://www.ibm.com/xsp/custom" dojoParseOnLoad="true">

    <xp:this.resources>
        <xp:dojoModule name="dijit.layout.TabContainer"></xp:dojoModule>
        <xp:dojoModule name="dijit.layout.ContentPane"></xp:dojoModule>
    </xp:this.resources>
    <xe:dialog id="dlgProperties" title="Document Properties and Access"
        parseOnLoad="true" disableTheme="false" styleClass="soria"
        keepComponents="false">
        <xp:panel style="width:500.0px">
            <div dojoType="dijit.layout.TabContainer"
                style="width: 400px; height: 100px;" tabStrip="true">
                <div dojoType="dijit.layout.ContentPane"
                    title="My first tab" selected="true">
                    Lorem ipsum and all around...
                </div>
                <div dojoType="dijit.layout.ContentPane"
                    title="My second tab">
                    Lorem ipsum and all around - second...
                </div>
                <div dojoType="dijit.layout.ContentPane"
                    title="My last tab">
                    Lorem ipsum and all around - last...
                </div>
            </div>
            <xe:dialogButtonBar>

 

When the dialog opens, I do not see any tab but the tab titles. The same behaviour with TabContainer and TabPane from extLib 853 ( latest release)

 

Screenshot of TabIssue