3 Replies Latest reply on Nov 19, 2009 10:23 AM by ZJ DA

    rich:dropDownMenu blocked by iframe

    ZJ DA Newbie

      Hi, My rich:dropDownMenu components are blocked by iframe. rich:modalPanel has the overlapEmbedObjects attribute to avoid the problem. However, rich:dropDownMenu does not have this attribute. Any workaround?

      Also, it looks like that listHeight of rich:inplaceSelect defines the max list height instead of actual height. I set it to 300 for only 3 selectItems, however, it still display the vertical scrollbar and I have to scroll down to see the third item. The font size for the list of rich:inplaceSelect is also different from other components on the page.

      Thanks,
      -ZJ

        • 1. Re: rich:dropDownMenu blocked by iframe
          Ilya Shaikovsky Master

          first problem : please show the code

          second : checked that list height could increase the list properly but not correctly works with scrolls.https://jira.jboss.org/jira/browse/RF-8137
          So can't reproduce "not works" problem. Actually if you will try to increase the list more than needed to display all the items - it will not do that by design.
          Anyway please try 3.3.2 SR1 or 3.3.3 SNAPSHOT. listHeight should works there.

          • 2. Re: rich:dropDownMenu blocked by iframe
            ZJ DA Newbie

            Hi Ilya,

            As you mentioned, my second problem is same as https://jira.jboss.org/jira/browse/RF-8137. I try SNAPSHOT 3.3.3-20091106.214036-25 and it looks like it is NOT fixed. It is the nice design that if listHeight is more than needed it will not be used. However, in this case the "needed" height should be used and scrollbar should not show up. Also, the font for the list is not consistent with other components in the page. It looks like it use the browser default font. BTW, I use the component as tree nodes, but I don't think it makes any difference for the issue.

            The following is my code for the first problem:

            .rich-toolbar2 {
             color: darkblue;
             background-color: #{sessionInfo.bkcolor};
             padding: 0;
             margin: 0px;
             font-style:italic;
             font-weight:bold;
             background-image: none;
            }
            
             <h:form id="formToolbar2" style="margin:0px; padding:0px;" >
             <rich:toolBar styleClass="rich-toolbar2" id="spreadsheetToolbar" >
             <rich:toolBarGroup >
             <rich:dropDownMenu>
             <f:facet name="label">
             <h:panelGroup>
             <h:graphicImage value="/images/File_001.gif" styleClass="pic" />
             <h:outputText value="File" style="color: darkblue;"/>
             </h:panelGroup>
             </f:facet>
             <rich:menuItem submitMode="ajax" value="New Child"
             disabled="#{navTree.disableNewChild}"
             icon="/images/child.gif" reRender="newDialog"
             oncomplete="Richfaces.showModalPanel('newDialog')" >
             </rich:menuItem>
            
            ...
            
            


            <rich:panel id="iframePanel" style="margin:0px; padding:0px; border:1px; text-align: center;"
             rendered="#{contentView.showIFrame}">
             <iframe src="#{contentView.contentViewUri}" width="100%" height="100%"
             scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" style="z-index: 0;">
             </iframe>
            </rich:panel>
            


            Thank you for your helps,
            -ZJ

            • 3. Re: rich:dropDownMenu blocked by iframe
              ZJ DA Newbie

              Any idea? Thanks,
              -ZJ