4 Replies Latest reply on Mar 6, 2007 3:38 PM by Sergey Smirnov

    rich:modalPanel and rich:tabPanel

    Dmitry Pinaev Newbie

      Hi,

      I have a JSP page with both types of components on it - modalPanel and tabPanel. When I display the modalPanel component, the tabPanel stays enabled and is displayed above the modalPanel component. Is this a normal behaviour? Here is what I have on the page:

      <h:form id="_form">
      
      <rich:panel>
       <f:facet name="header">
       <h:outputText value="Modal Panel"/>
       </f:facet>
       <f:verbatim>
       <a href="javascript:Richfaces.showModalPanel('_form:_panel',{left:'auto', top:'auto'})">Show Modal Panel</a>
       </f:verbatim>
       <rich:modalPanel id="_panel" minHeight="200" minWidth="450" height="200" width="500" zindex="999">
       <f:facet name="header">
       <h:outputText value="Modal Panel Title" />
       </f:facet>
       <f:facet name="controls">
       <h:graphicImage value="/images/ico_close.gif" style="cursor:pointer" onclick="Richfaces.hideModalPanel('_form:_panel')" />
       </f:facet>
       <f:verbatim>
       <a href="javascript:Richfaces.hideModalPanel('_form:_panel')">Hide this panel</a>
       </f:verbatim>
       </rich:modalPanel>
      </rich:panel>
      
      <rich:panel>
       <f:facet name="header">
       <h:outputText value="Tabs, Client style"/>
       </f:facet>
       <rich:tabPanel switchType="client" headerSpacing="1px" immediate="false" width="90%" style="z-index:0">
       <rich:tab label="First" labelWidth="100px">
       <f:verbatim>Here is tab #1</f:verbatim>
       </rich:tab>
       <rich:tab label="Second" labelWidth="100px">
       <f:verbatim>Here is tab #2</f:verbatim>
       </rich:tab>
       </rich:tabPanel>
      </rich:panel>
      
      </h:form>
      


      Thank you!