0 Replies Latest reply on Sep 21, 2011 4:36 PM by Jay Haley

    transparent modalPanel

    Jay Haley Newbie

      I'm trying to make a modal panel non-modal (which is working), and have a slight transparency (not working) so you can lightly see what's behind it.  I have seen postings about transparencies, but can't seem to figure it out.  Below is what I'm trying.


      <rich:modalPanel id="panel" width="350" height="100" showWhenRendered="true" styleClass="noMaskClass">

              <f:facet name="header">

                  <h:panelGroup>

                      <h:outputText value="Modal Panel"></h:outputText>

                  </h:panelGroup>

              </f:facet>

              <f:facet name="controls">

                  <h:panelGroup>

                      <h:graphicImage value="/images/modal/close.png" styleClass="hidelink" id="hidelink"/>

                      <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>

                  </h:panelGroup>

              </f:facet>

             

              <h:outputText value="This panel is called using Component Control Component"></h:outputText>

              <br/>

              <h:outputText value="Closure link (X) works also through Component Control"></h:outputText>

          </rich:modalPanel>

       

       

      .noMaskClass .rich-mpnl-mask-div{

           display:none;

           filter: alpha(opacity=0);

           opacity:0;

      }