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).


      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.


        • 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: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"/>

          Thanks everybody for your help!