title: Navigator works fine in OneUI but not with BootStrap
body: <p>I have created a Navigator Control which displays a different Navigator depending on which Application the user selects. When I run the Page with this control on it using the OneUI application Theme it works fine but when I switch to the Bootstrap3.2.0 only the first three Items (Edit: found one navigator that the first 4 work but the rest don't - can't see any correlation) in the Navigator Menu contain a link. The rest of them do nothing.
  <img src="https://i.stack.imgur.com/wdTMG.jpg" alt="Bootstrap navigator"></p>
  
  <p>The Profiles, Applications and Agent Log link work correctly but none of the rest of them appear to have a link attached to them. I can select any application and all of the resultant navigators function the same - first three Items have link the rest do not, but in OneUI they all have links. This page uses the Bootstrap Application Layout as the template.
  Here is my code for the Navigator Control:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
  xmlns:xe="http://www.ibm.com/xsp/coreex"
      xmlns:xc="http://www.ibm.com/xsp/custom"&gt;
      &lt;xp:this.resources&gt;
          &lt;xp:script src="/js Utils.jss" clientSide="false"&gt;&lt;/xp:script&gt;
      &lt;/xp:this.resources&gt;
      &lt;xp:panel style="width:150px" id="panelSelectApp"&gt;
          &lt;xp:this.readonly&gt;&lt;![CDATA[#{javascript:!viewScope.get("vsReadOnly")}]]&gt;&lt;/xp:this.readonly&gt;
          &lt;xe:dropDownButton id="selectApp" style="width:200px"&gt;
              &lt;xe:this.treeNodes&gt;
                  &lt;xe:basicContainerNode&gt;
                      &lt;xe:this.label&gt;
                          &lt;![CDATA[#{javascript:var s:String = sessionScope.ssApplication;
  (s == null || s == "")? "-- Select An Application --" : s;}]]&gt;
                      &lt;/xe:this.label&gt;
                      &lt;xe:this.children&gt;
                          &lt;!--
                              ssAppMenu is a session Scope Bean that returns a list of valid
                              Navigator custom Controls
                          --&gt;
                          &lt;xe:repeatTreeNode var="thisApp" indexVar="index"
                              loaded="true" value="#{javascript:ssAppMenu.get();}"&gt;
  
                              &lt;xe:this.children&gt;
                                  &lt;xe:basicLeafNode label="#{javascript:thisApp}"
                                      submitValue="#{javascript:thisApp}"&gt;
                                  &lt;/xe:basicLeafNode&gt;
                                  &lt;xe:separatorTreeNode loaded="true"&gt;
                                  &lt;/xe:separatorTreeNode&gt;
                              &lt;/xe:this.children&gt;
                          &lt;/xe:repeatTreeNode&gt;
                      &lt;/xe:this.children&gt;
                  &lt;/xe:basicContainerNode&gt;
              &lt;/xe:this.treeNodes&gt;
  
              &lt;xe:this.rendered&gt;&lt;![CDATA[#{javascript:(viewScope.get("vsReadOnly")) ? false : true}]]&gt;
              &lt;/xe:this.rendered&gt;
              &lt;xp:eventHandler event="onItemClick" submit="true"
                  refreshMode="partial" refreshId="panelSelectApp"&gt;
                  &lt;xe:this.action&gt;&lt;![CDATA[#{javascript:var value=context.getSubmittedValue();
  
  if(value==null || value=="" || value == "-- Select An Application --") {
      sessionScope.put("ssApplication","")
      sessionScope.put("ssSelectedNavigator","");
      sessionScope.put("ssSelectedView","");
      getComponent('dynamicContentMainView').show(null);
      getComponent('dynamicNavigator').show(null);
      return;
  }else {
      clearCategory();
      sessionScope.put("ssApplication",value);
      /*appProps is a Managed Application Scope been which contains a number of properties specific to 
      each application for example navName returns the name of the control which defines this specific 
      navigator &amp; ssApplication contains the name of the current Application.
      */
      sessionScope.put("ssSelectedNavigator", appProps[sessionScope.ssApplication].navName);
      sessionScope.put("ssSelectedView", appProps[sessionScope.ssApplication].defaultView);
      getComponent('dynamicContentMainView').show(null);
      getComponent('dynamicNavigator').show(null);
  }}]]&gt;&lt;/xe:this.action&gt;
                  &lt;xp:this.onComplete&gt;
                      &lt;![CDATA[XSP.partialRefreshGet("#{id:dynamicContentMainView}");]]&gt;
                  &lt;/xp:this.onComplete&gt;
              &lt;/xp:eventHandler&gt;
          &lt;/xe:dropDownButton&gt;
  
          &lt;xp:panel id="panelNavigator" style="width:150px"&gt;
              &lt;xe:dynamicContent id="dynamicNavigator"&gt;
                  &lt;xe:dynamicContent id="dynamicNavigatorControl"&gt;
                      &lt;xp:include id="customControlIncluder"&gt;
                          &lt;xp:this.pageName&gt;
                              &lt;![CDATA[${javascript:var debug:Boolean = false;
  if (debug) WFSUtils.sysOut("Selected Navigator = " + sessionScope.ssSelectedNavigator);
  sessionScope.ssSelectedNavigator||"ccBlankNavigator.xsp"}]]&gt;
                          &lt;/xp:this.pageName&gt;
                      &lt;/xp:include&gt;
                  &lt;/xe:dynamicContent&gt;
              &lt;/xe:dynamicContent&gt;
          &lt;/xp:panel&gt;&lt;!-- panelNavigators --&gt;
      &lt;/xp:panel&gt;&lt;!-- panelSelectApp --&gt;
  &lt;/xp:view&gt;
  </code></pre>