3 Replies Latest reply on Feb 16, 2009 3:21 PM by Naresh Bhatia

    ModalPanel - Header and Close box don't line up

    Naresh Bhatia Novice

      I have added a RichFaces modal panel to my Seam application. For some reason the header and the close box don't line up - the close box appears above the header. Where can I start looking for the problem.

      Here's the code for the modal panel which is included on my main page:

       <ui:define name="content">
       ...
       <h:outputLink id="testLink" value="#">
       Test...
       <rich:componentControl attachTo="testLink" event="onclick"
       for="testPanel" operation="show" />
       </h:outputLink>
      
       <rich:modalPanel id="testPanel" width="800" height="600">
       <f:facet name="header">
       <h:panelGroup>
       Test Panel
       </h:panelGroup>
       </f:facet>
       <f:facet name="controls">
       <h:panelGroup>
       <h:graphicImage id="hidelink" styleClass="hidelink"
       value="images/close.png" />
       <rich:componentControl attachTo="hidelink" event="onclick"
       for="testPanel" operation="hide" />
       </h:panelGroup>
       </f:facet>
       </rich:modalPanel>
       </ui:define>
      


      My web.xml contains the following RichFaces configuration:

       <!-- RichFaces -->
      
       <context-param>
       <param-name>org.richfaces.SKIN</param-name>
       <param-value>classic</param-value>
       </context-param>
      
       <!-- Suppress spurious stylesheets -->
      
       <context-param>
       <param-name>org.richfaces.CONTROL_SKINNING</param-name>
       <param-value>disable</param-value>
       </context-param>
      
       <context-param>
       <param-name>org.richfaces.CONTROL_SKINNING_CLASSES</param-name>
       <param-value>disable</param-value>
       </context-param>
      
       <!-- Change load strategy to DEFAULT to disable sending scripts/styles as packs -->
      
       <context-param>
       <param-name>org.richfaces.LoadStyleStrategy</param-name>
       <param-value>ALL</param-value>
       </context-param>
      
       <context-param>
       <param-name>org.richfaces.LoadScriptStrategy</param-name>
       <param-value>ALL</param-value>
       </context-param>
      


      Thanks.
      Naresh