2 Replies Latest reply on Apr 28, 2016 1:53 PM by jkoidahlwf

    RF4 ContextMenu items cutoff from display

    jkoidahlwf
    jkoidahlwf Apr 28, 2016 1:06 AM

      I'm migrating from RF3 to RF4 and running into an issue where a contextMenu's menuItems are hidden the by bounds of the container they are apart of. I have a tree whose treeNode's contain a panel grid as well as a contextMenu. When the contextMenu displays, it is only showing menuItems that fit inside the height of the the current treeNode. In RF3 the contextMenu would display beyond the bounds of the target treeNode. How can I get the contextMenu to display over the top of the target element?

       

      Code snippet:

       

      <rich:tree toggleType="ajax"  id="idTradeTree" value="#{tradeSearch.tradeTree}"

                 var="tradeTreeNode"

                 nodeType="#{tradeTreeNode.level}">

          <rich:treeNode type="root" status="waitStatus" eventsQueue="globalQueue">

              <h:outputText value="#{tradeTreeNode.level}"/>

          </rich:treeNode>

       

          <rich:treeNode type="0" id="toplvlId" status="waitStatus" eventsQueue="globalQueue" styleClass="rvgRowOne"

                         highlightedClass="rvgRowTwo">

              <h:panelGrid columns="5" cellspacing="10px" columnClasses="columnWidth1,columnWidth1,columnWidth1,columnWidth1,columnWidth1">

                  <h:outputText value="Cusip:#{tradeTreeNode.cusip}"/>

                  <h:outputText value="Ticker:#{tradeTreeNode.ticker}"/>

                  <h:outputText value="No.of Accounts:#{tradeTreeNode.noOfAccounts}"/>

                  <h:outputText value="#{tradeTreeNode.buyAmount}"> <f:convertNumber type="currency" currencySymbol="BUY AMOUNT:$"/></h:outputText>

                  <h:outputText value="#{tradeTreeNode.sellAmount}"><f:convertNumber type="currency" currencySymbol="SELL AMOUNT:$"/></h:outputText>

              </h:panelGrid>

              <rich:contextMenu target="toplvlId" mode="ajax" style="z-index:20">

                  <rich:menuItem label="Publish Trades"

                                 status="waitStatus" eventsQueue="globalQueue"

                                 action="#{tradeSearch.publishTreeNodes}">

                      <f:setPropertyActionListener value="#{tradeTreeNode}" target="#{tradeSearch.currentTreeNode}"/>

                  </rich:menuItem>

       

                  <rich:menuItem label="Cancel" status="waitStatus" eventsQueue="globalQueue"

                                 action="#{tradeSearch.cancelTreeNodes(tradeTreeNode)}">

                  </rich:menuItem>

                  <rich:menuItem label="Add to TradeSet" status="waitStatus" eventsQueue="globalQueue"

                                 action="#{myTradeSet.addToMyTradeSet(tradeTreeNode)}">

                  </rich:menuItem>

                  <rich:menuItem

                          status="waitStatus" eventsQueue="globalQueue" label="Republish Trades"

                          action="#{tradeSearch.republishTreeNodes}">

                      <f:setPropertyActionListener value="#{tradeTreeNode}" target="#{tradeSearch.currentTreeNode}"/>

                  </rich:menuItem>

              </rich:contextMenu>

          </rich:treeNode>

       

          </rich:tree>