able to reproduce in test case with following page:-
<h:body>
<mobi:pagePanel>
<f:facet name="header">
header
</f:facet>
<f:facet name="body">
<mobi:largeView>
<mobi:tabSet id="mainTabSet"
selectedId="#
{navigationBean.currentTabId}
"
autoWidth="true"
fitToParent="#
{layoutBean.fixedPosition}"
orientation="#{layoutBean.orientation}">
<mobi:contentPane title="Messaging" id="msgingTab" facelet="false"
client="true">
<mobi:splitPane columnDivider="10">
<f:facet name="left">
<h:form id="messagingOptionsForm">
<h:panelGroup>
<mobi:contentStackMenu id="mnu" contentStackId="largeStack"
selectedPane="#{navigationBean.twoColSelectedPane}">
<mobi:contentMenuItem label="Messaging" />
<li class="mobi-list-item"><h:panelGroup style="float:left">
<mobi:menuButton id="selectedPanel" style="float:right"
buttonLabel="Action" >
<mobi:menuButtonItem label="FirstPanel"
value="inboxPanel"
actionListener="#{navigationBean.setPaneAction}" />
<mobi:menuButtonItem label="Shipper At Risk"
value="shipperAtRiskPanel"
actionListener="#{navigationBean.setPaneAction}" />
<mobi:menuButtonItem label="another panel"
value="anotherPanel"
actionListener="#{navigationBean.setPaneAction}" />
</mobi:menuButton>
</h:panelGroup>
</li>
</mobi:contentStackMenu>
</h:panelGroup>
</h:form>
</f:facet>
<f:facet name="right">
<mobi:contentStack id="largeStack"
currentId="#{navigationBean.twoColSelectedPane}"
contentMenuId="mnu">
<mobi:contentPane id="inboxPanel">
<mobi:fieldsetGroup>
<mobi:fieldsetRow>
<h:form id="inboxForm">
<ace:dataTable id="inboxList"
value="#{dataViewBean.cars}"
var="currMsg" paginator="true"
rows="10">
<ace:column headerText="Actions">
<h:outputText value="test col1" />
</ace:column>
<ace:column headerText="2nd col">
<h:outputText value="test col2" />
</ace:column>
</ace:dataTable>
</h:form>
</mobi:fieldsetRow>
</mobi:fieldsetGroup>
</mobi:contentPane>
<mobi:contentPane id="shipperAtRiskPanel">
<h3>shipper at risk panel</h3>
</mobi:contentPane>
<mobi:contentPane id="anotherPanel">
<h3>anotherPanel</h3>
</mobi:contentPane>
</mobi:contentStack>
</f:facet>
</mobi:splitPane>
</mobi:contentPane>
<mobi:contentPane id="pane2" title="Settings" client="true">
<h3>TabSet Settings</h3>
<h:form id="selection">
<mobi:fieldsetGroup>
<mobi:fieldsetRow>
<h:outputLabel for="selectOr" value="Orientation:-"/>
<h:selectOneMenu id="selectOr" value="#{layoutBean.orientation}">
<f:selectItem itemValue="top" itemLabel="Top"/>
<f:selectItem itemValue="bottom" itemLabel="Bottom" />
<f:ajax execute="@this" render="@all"/>
</h:selectOneMenu>
</mobi:fieldsetRow>
<mobi:fieldsetRow>
<h:outputLabel for="fixedPosition" value="FixedPosition:" />
<mobi:flipswitch id="fixedPosition" value="#{layoutBean.fixedPosition}
" singleSubmit="true"/>
</mobi:fieldsetRow>
</mobi:fieldsetGroup>
</h:form>
</mobi:contentPane>
</mobi:tabSet>
</mobi:largeView>
</f:facet>
</mobi:pagePanel>
</h:body>
....note that the values are still in the page, just not showing:-
here is the markup for the attached screen shot
<span id="messagingOptionsForm:mnu:selectedPanel_btn" class="mobi-menu-btn-btn mobi-button ui-btn-up-c">
<span>Action</span>
</span><select id="messagingOptionsForm:mnu:selectedPanel_sel" onchange="ice.mobi.menubutton.select('messagingOptionsForm:mnu:selectedPanel');" class="mobi-menu-btn-menu" name="messagingOptionsForm:mnu:selectedPanel_sel">
<option value="">Select</option>FirstPanelShipper At Riskanother panel</select>
when looking at the markup in developer's tools it appears correct, but when copying innerHTML, you can see that it no longer appears accurate (the option is not getting rendered, just the label for the option.
(see screenshot).
able to reproduce in test case with following page:-
{navigationBean.currentTabId}<h:body>
<mobi:pagePanel>
<f:facet name="header">
header
</f:facet>
<f:facet name="body">
<mobi:largeView>
<mobi:tabSet id="mainTabSet"
selectedId="#
"
{layoutBean.fixedPosition}"autoWidth="true"
fitToParent="#
orientation="#{layoutBean.orientation}">
<mobi:contentPane title="Messaging" id="msgingTab" facelet="false"
client="true">
<mobi:splitPane columnDivider="10">
<f:facet name="left">
<h:form id="messagingOptionsForm">
<h:panelGroup>
<mobi:contentStackMenu id="mnu" contentStackId="largeStack"
selectedPane="#{navigationBean.twoColSelectedPane}">
<mobi:contentMenuItem label="Messaging" />
<li class="mobi-list-item"><h:panelGroup style="float:left">
<mobi:menuButton id="selectedPanel" style="float:right"
buttonLabel="Action" >
<mobi:menuButtonItem label="FirstPanel"
value="inboxPanel"
actionListener="#{navigationBean.setPaneAction}" />
<mobi:menuButtonItem label="Shipper At Risk"
value="shipperAtRiskPanel"
actionListener="#{navigationBean.setPaneAction}" />
<mobi:menuButtonItem label="another panel"
value="anotherPanel"
actionListener="#{navigationBean.setPaneAction}" />
</mobi:menuButton>
</h:panelGroup>
</li>
</mobi:contentStackMenu>
</h:panelGroup>
</h:form>
</f:facet>
<f:facet name="right">
<mobi:contentStack id="largeStack"
currentId="#{navigationBean.twoColSelectedPane}"
contentMenuId="mnu">
<mobi:contentPane id="inboxPanel">
<mobi:fieldsetGroup>
<mobi:fieldsetRow>
<h:form id="inboxForm">
<ace:dataTable id="inboxList"
value="#{dataViewBean.cars}"
var="currMsg" paginator="true"
rows="10">
<ace:column headerText="Actions">
<h:outputText value="test col1" />
</ace:column>
<ace:column headerText="2nd col">
<h:outputText value="test col2" />
</ace:column>
</ace:dataTable>
</h:form>
</mobi:fieldsetRow>
</mobi:fieldsetGroup>
</mobi:contentPane>
<mobi:contentPane id="shipperAtRiskPanel">
<h3>shipper at risk panel</h3>
</mobi:contentPane>
<mobi:contentPane id="anotherPanel">
<h3>anotherPanel</h3>
</mobi:contentPane>
</mobi:contentStack>
</f:facet>
</mobi:splitPane>
</mobi:contentPane>
<mobi:contentPane id="pane2" title="Settings" client="true">
<h3>TabSet Settings</h3>
<h:form id="selection">
<mobi:fieldsetGroup>
<mobi:fieldsetRow>
<h:outputLabel for="selectOr" value="Orientation:-"/>
<h:selectOneMenu id="selectOr" value="#{layoutBean.orientation}">
<f:selectItem itemValue="top" itemLabel="Top"/>
<f:selectItem itemValue="bottom" itemLabel="Bottom" />
<f:ajax execute="@this" render="@all"/>
</h:selectOneMenu>
</mobi:fieldsetRow>
<mobi:fieldsetRow>
<h:outputLabel for="fixedPosition" value="FixedPosition:" />
<mobi:flipswitch id="fixedPosition" value="#{layoutBean.fixedPosition}
" singleSubmit="true"/>
</mobi:fieldsetRow>
</mobi:fieldsetGroup>
</h:form>
</mobi:contentPane>
</mobi:tabSet>
</mobi:largeView>
</f:facet>
</mobi:pagePanel>
</h:body>
....note that the values are still in the page, just not showing:-
here is the markup for the attached screen shot
<span id="messagingOptionsForm:mnu:selectedPanel_btn" class="mobi-menu-btn-btn mobi-button ui-btn-up-c">
<span>Action</span>
</span><select id="messagingOptionsForm:mnu:selectedPanel_sel" onchange="ice.mobi.menubutton.select('messagingOptionsForm:mnu:selectedPanel');" class="mobi-menu-btn-menu" name="messagingOptionsForm:mnu:selectedPanel_sel">
<option value="">Select</option>FirstPanelShipper At Riskanother panel</select>
when looking at the markup in developer's tools it appears correct, but when copying innerHTML, you can see that it no longer appears accurate (the option is not getting rendered, just the label for the option.
(see screenshot).