An old known issue is that when opening multiple HFM pages/documents in Firefox, the tabs would disappear. Oracle Support had proposed a solution:
Open Firefox.
2. In the Address bar type "about:config".
3. Click on "I Accept" to pass the warning message.
4. In the search box type "layout.css.xul-box-display-values.content.enabled"
5. Set the value to True for the above setting.
6. Save the changes, close all browsers, and reload HFM.
The proposed solution worked fine until FF version ESR 78.1.0.
An impact of the above solution in FF version ESR 78.1.0. is that the Workspace menus Navigate, File, View etc appeared vertically, one below the other. The menus should be displayed horizontally.
Firefox ESR 78.1.0 – with config change.
Menus Navigate, File, View, Favorites, Tools, Consolidation, Help appear one below the other.
HFM Document Tabs (Data Process Control, IS_Mon and CEop_Mon) are displayed as expected.
Firefox ESR 78.1.0 – without config change.
Menus Navigate, File, View, Favorites, Tools, Consolidation, Help appear as expected.
HFM Document Tabs (Manage Intercompany, IS_Mon, Data Process Control and Data Audit) are not displayed as expected.
We have used af:navigationPane and af:commandNavigationItem.
Any suggestion to fix the HFM Tabs without the config change in Firefox ESR 78.1.0. is greatly appreciated.
Code snippet:
<f:facet name="second">
<af:panelStretchLayout topHeight="auto" id="pt_psl3">
<f:facet name="top">
<af:panelBorderLayout id="pt_pgl2">
<f:facet name="start">
<af:facetRef facetName="applicationSwitcher"/>
</f:facet>
<f:facet name="end">
<af:panelGroupLayout id="pt_g3" binding="#{viewScope.tabContext.innerToolbarArea}">
<af:facetRef facetName="innerToolbar"/>
</af:panelGroupLayout>
</f:facet>
</af:panelBorderLayout>
</f:facet>
<f:facet name="center">
<af:panelStretchLayout topHeight="auto" id="pt_psl4" binding="#{viewScope.tabContext.contentArea}" bottomHeight="0px">
<f:facet name="bottom">
<af:group id="pt_g2">
<af:popup contentDelivery="lazyUncached" id="ctxmenu" eventContext="launcher" launcherVar="source" clientComponent="true">
<af:menu id="pt_m1" clientComponent="true">
<af:commandMenuItem text="#{declarativeComponentBundle.REORDER_TABS}" id="pt_cb1">
<af:showPopupBehavior popupId="tabOrder" triggerType="action"/>
</af:commandMenuItem>
<af:commandMenuItem text="#{declarativeComponentBundle.CLOSE_TAB}" id="pt_cmi1" visible="#{viewScope.tabContext.closeTabAllowed}" actionListener="#{viewScope.tabContext.closeCurrentTab}"
clientComponent="true">
<f:attribute name="ctxMenuTabIndex" value="#{source.attributes.tabIndexInContext}"/>
</af:commandMenuItem>
<af:commandMenuItem text="#{declarativeComponentBundle.CLOSE_OTHER_TABS}" id="cmi1" visible="#{viewScope.tabContext.closeTabAllowed}" actionListener="#{viewScope.tabContext.closeOtherTabs}">
<f:attribute name="ctxMenuTabIndex" value="#{source.attributes.tabIndexInContext}"/>
</af:commandMenuItem>
</af:menu>
</af:popup>
<af:popup contentDelivery="lazyUncached" id="tabOrder" childCreation="deferred">
<af:dialog title="#{declarativeComponentBundle.REORDER_TABS}" id="d2op90" dialogListener="#{viewScope.tabContext.tabReorderDialogListener}"
affirmativeTextAndAccessKey="#{declarativeComponentBundle.OK_BUTTON}" cancelTextAndAccessKey="#{declarativeComponentBundle.CANCEL_BUTTON}">
<af:selectOrderShuttle size="7" id="sos1" reorderOnly="true" contentStyle="width:200px;" value="#{viewScope.tabContext.tabForOrder}" autoSubmit="true"
trailingDescShown="false" trailingHeader="#{declarativeComponentBundle.ACTIVE_TABS}" label="#{declarativeComponentBundle.ACTIVE_TABS}"
simple="true">
<af:forEach items="#{viewScope.tabContext.tabMenuModel.wrappedData}" var="tbs">
<f:selectItem id="si1" itemLabel="#{tbs.title}" itemValue="#{tbs}"/>
</af:forEach>
</af:selectOrderShuttle>
</af:dialog>
</af:popup>
</af:group>
</f:facet>
<f:facet name="top">
<af:panelBorderLayout id="pt_psl6" styleClass="AFStretchWidth" rendered="#{viewScope.tabContext.tabsRendered}">
<f:facet name="start"/>
<af:navigationPane id="pt_np1" binding="#{viewScope.tabContext.tabsNavigationPane}" rendered="#{viewScope.tabContext.selectedTabIndex != -1}"
value="#{viewScope.tabContext.tabMenuModel}" var="tab" hint="tabs" itemRemoval="allExceptLast">
<f:facet name="nodeStamp">
<af:commandNavigationItem id="tabIndex" rendered="#{tab.active}" actionListener="#{viewScope.tabContext.tabActivatedEvent}"
inlineStyle="#{tab.dirty ? 'font-style: italic' : ''}" partialSubmit="true" text="#{tab.shortTitle}" immediate="true"
itemListener="#{viewScope.tabContext.tabItemRemovedEvent}" icon="#{tab.icon}" shortDesc="#{tab.shortDesc}">
<af:attributeDragSource attribute="strTabOrder"/>
<f:attribute name="tabIndex" value="#{tab.index}"/>
<af:clientAttribute name="strTabOrder" value="#{tab.order}#{''}"/>
<af:clientAttribute name="tabIndexInContext" value="#{tab.index}"/>
<af:showPopupBehavior popupId="::ctxmenu" triggerType="contextMenu" align="afterStart"/>
<af:clientListener method="showctxtmenu" type="keyDown"/>
<af:dropTarget dropListener="#{viewScope.tabContext.handleDropToRows}" actions="COPY">
<af:dataFlavor flavorClass="java.lang.String"/>
</af:dropTarget>
</af:commandNavigationItem>
</f:facet>
</af:navigationPane>
<f:facet name="end"/>
</af:panelBorderLayout>
</f:facet>
<f:facet name="center">
<af:group id="grTabs">
<af:region value="#{viewScope.tabContext.tabs[0].binding.regionModel}" id="rgnTb0" rendered="#{viewScope.tabContext.selectedTabIndex == 0}"/>
<af:region value="#{viewScope.tabContext.tabs[1].binding.regionModel}" id="rgnTb1" rendered="#{viewScope.tabContext.selectedTabIndex == 1}"/>
<af:region value="#{viewScope.tabContext.tabs[2].binding.regionModel}" id="rgnTb2" rendered="#{viewScope.tabContext.selectedTabIndex == 2}"/>
<af:region value="#{viewScope.tabContext.tabs[3].binding.regionModel}" id="rgnTb3" rendered="#{viewScope.tabContext.selectedTabIndex == 3}"/>
<af:region value="#{viewScope.tabContext.tabs[4].binding.regionModel}" id="rgnTb4" rendered="#{viewScope.tabContext.selectedTabIndex == 4}"/>
<af:region value="#{viewScope.tabContext.tabs[5].binding.regionModel}" id="rgnTb5" rendered="#{viewScope.tabContext.selectedTabIndex == 5}"/>
<af:region value="#{viewScope.tabContext.tabs[6].binding.regionModel}" id="rgnTb6" rendered="#{viewScope.tabContext.selectedTabIndex == 6}"/>
<af:region value="#{viewScope.tabContext.tabs[7].binding.regionModel}" id="rgnTb7" rendered="#{viewScope.tabContext.selectedTabIndex == 7}"/>
<af:region value="#{viewScope.tabContext.tabs[8].binding.regionModel}" id="rgnTb8" rendered="#{viewScope.tabContext.selectedTabIndex == 8}"/>
<af:region value="#{viewScope.tabContext.tabs[9].binding.regionModel}" id="rgnTb9" rendered="#{viewScope.tabContext.selectedTabIndex == 9}"/>
<af:region value="#{viewScope.tabContext.tabs[10].binding.regionModel}" id="rgnTb10" rendered="#{viewScope.tabContext.selectedTabIndex == 10}"/>
<af:region value="#{viewScope.tabContext.tabs[11].binding.regionModel}" id="rgnTb11" rendered="#{viewScope.tabContext.selectedTabIndex == 11}"/>
<af:region value="#{viewScope.tabContext.tabs[12].binding.regionModel}" id="rgnTb12" rendered="#{viewScope.tabContext.selectedTabIndex == 12}"/>
<af:region value="#{viewScope.tabContext.tabs[13].binding.regionModel}" id="rgnTb13" rendered="#{viewScope.tabContext.selectedTabIndex == 13}"/>
<af:region value="#{viewScope.tabContext.tabs[14].binding.regionModel}" id="rgnTb14" rendered="#{viewScope.tabContext.selectedTabIndex == 14}"/>
</af:group>
</f:facet>
</af:panelStretchLayout>
</f:facet>
</af:panelStretchLayout>
</f:facet>
Thanks in Advance,
Muthu