1 Reply Latest reply on Nov 29, 2008 4:19 PM by Maksim Ustinov

    Modal Panel z-index problem

    Maksim Ustinov Newbie

      We have a problem with Modal Panel. We can't have a close button in the header of M.P. The image is at the back of the background and it's just unreachable.
      See image (i made image in purpose bigger).

      [img]http://vasura.s3.amazonaws.com/richfaces-modalpanel.JPG[/img]

      We used same code as in RichFaces Live example. The problem occurs in FF 3, Safari, Chrome, but in IE 6 it works.

      Please can someone tell us how to fix this, when we need to change z-intex in order to put that close image up front.

      Thanks

        • 1. Re: Modal Panel z-index problem
          Maksim Ustinov Newbie

          OK... fixed now.. I had to add z-index position. Here is what I did:

          <f:facet name="controls">
          <h:panelGroup>
          <h:graphicImage value="/images/modal/close.png" style="cursor:pointer; position: relative; z-index: 99;" id="hidelink" height="50" />
          <rich:componentControl for="myModalPanel" attachTo="hidelink" operation="hide" event="onclick"/>
          </h:panelGroup>
          </f:facet>


          Thanks everybody for your help!