2 Replies Latest reply on Apr 27, 2009 8:50 PM by aboo salimon

    Mozilla browser is not supporting with modal panel some time

    aboo salimon Newbie

      hi this is interesting one,

      mozilla firefox is not allowing me to close my modal panel when i opened...

      can any one help me pls... this my code...

      <rich:modalPanel id="roomTypeGeneralDlg" minHeight="285" minWidth="800" height="285" width="800" zIndex="2000" moveable="true" resizeable="false" autosized="true">
      <f:facet name="header">
      <h:outputText value="Room Type"/>
      </f:facet>
      <f:facet name="controls">
      <h:panelGroup>
      <h:form>
      <a:commandLink action="#{roomTypesSetup.cancel()}" oncomplete="#{rich:component('roomTypeGeneralDlg')}.hide()" ajaxSingle="true" immediate="true" reRender="roomtypeslist">
      <h:graphicImage value="/images/button_cancel.png" style="cursor:pointer" title="Close"/>
      </a:commandLink>
      </h:form>
      </h:panelGroup>
      </f:facet>
      <h:form id="roomtypegeneralform">
      <a:outputPanel ajaxRendered="true">

      <h:messages id="error"></h:messages>

      </a:outputPanel>
      <h:panelGroup id="roomTypePanel">
      <s:validateAll>
      <rich:tabPanel switchType="client" selectedTab="#{roomTypesSetup.defaultTab}">
      <rich:tab value="general" label="General data">


      <s:fragment rendered="#{roomTypesSetup.bookableType.id == 0}">
      Name

      <s:decorate id="nameDecId">



      <h:inputText id="name" value="#{roomTypesSetup.bookableType.name}" label="Name" style="width: 600px;" required="true"/>



      <s:message errorClass="error"/>


      </s:decorate>

      </s:fragment>
      <s:fragment rendered="#{roomTypesSetup.bookableType.id gt 0}">
      Name

      <h:outputText value="#{roomTypesSetup.bookableType.name}" label="Name" style="width: 360px;" />

      </s:fragment>





      <h:selectBooleanCheckbox value="#{roomTypesSetup.icInstance.isActive}"/>
      <rich:spacer width="10"/>
      <h:outputText value="Is active"/>



      </rich:tab>
      <rich:tab label="Cleaning Tasks">
      <rich:dataTable id="taskslist" var="task" value="#{roomTypesSetup.cleaningTasks}" width="100%" rowClasses="rich-table-oddRow,rich-table-evenRow"
      columnClasses="-,align-left">
      <rich:column width="10">
      <h:selectBooleanCheckbox value="#{roomTypesSetup.cleaningTasksForSelect[task]}"/>
      </rich:column>
      <h:column>
      <h:outputText value="#{task.name}"/>
      <h:panelGroup layout="block" styleClass="small-text">
      <h:outputText value="#{task.description}"/>
      </h:panelGroup>
      </h:column>
      </rich:dataTable>
      </rich:tab>


      </rich:tabPanel>
      </s:validateAll>
      </h:panelGroup>

      <h:panelGroup>
      <a:commandButton action="#{roomTypesSetup.confirmRoomType()}" value="Confirm" oncomplete="closeRoomTypeGeneralDlg();" reRender="roomTypePanel,roomtypeslist"/>
      <a:commandButton action="#{roomTypesSetup.cancel()}" value="Cancel" oncomplete="#{rich:component('roomTypeGeneralDlg')}.hide()" ajaxSingle="true" immediate="true" reRender="roomtypeslist"/>
      </h:panelGroup>
      </h:form>
      </rich:modalPanel>


      function closeRoomTypeGeneralDlg() {
      if(document.getElementById('roomtypegeneralform:error') == null) {
      document.getElementById('roomTypeGeneralDlg').component.hide()
      }
      }