0 Replies Latest reply on Jul 6, 2010 4:45 AM by praveen jain

    problem with rich:layout on IE7

    praveen jain Novice

      hi

      i haev a page it is working fine on IE8 but , it is not working on IE 7,

      i have 2 rich:layout one contains Menu and on the click of certain menu second Rich:layout rerenders which displayes a respective page.

      and it is working fine on IE8 but on IE7 second Rich:layout is not rendering . is there any probelm?

      below is my page.

       

      <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <ui:composition xmlns="http://www.w3.org/1999/xhtml"

          xmlns:s="http://jboss.com/products/seam/taglib"

          xmlns:ui="http://java.sun.com/jsf/facelets"

          xmlns:f="http://java.sun.com/jsf/core"

          xmlns:h="http://java.sun.com/jsf/html"

          xmlns:rich="http://richfaces.org/rich"

          xmlns:a="http://richfaces.org/a4j"

          xmlns:p="http://primefaces.prime.com.tr/ui"

          template="layout/supporttemplate.xhtml">

          <ui:define name="head">

       

          </ui:define>

          <ui:define name="body">

       

              <div id="contentWrapper"><!-- Body Starts -->

              <div id="breadcrumbContainer">

              <div id="breadcrumb">You are here: Support

              &gt; Users</div>

              </div>

              <f:view>

                  <h:form id="usersForm">

                      <div>

                      <div><rich:panel>

                          <h:panelGrid width="100%">

                              <rich:layout>

       

                                  <rich:layoutPanel position="left" width="20%">

                                      <rich:panelMenu mode="ajax" iconExpandedGroup="disc"

                                          iconCollapsedGroup="disc" iconExpandedTopGroup="chevronUp"

                                          iconGroupTopPosition="right"

                                          iconCollapsedTopGroup="chevronDown"

                                          iconCollapsedTopPosition="right" width="100%">

       

                                          <rich:panelMenuGroup label="User Management" expanded="true"

                                              oncollapse="return false;">

       

                                              <rich:panelMenuGroup label="Merchant User">

                                                  <rich:panelMenuItem label="Add"

                                                      action="#{UserManagementFacade.showAddMerchantUsr()}"

                                                      reRender="centerPanel" immediate="true" />

                                                  <rich:panelMenuItem label="Modify/Delete"

                                                      action="#{UserManagementFacade.showModifyDeleteUsr()}"

                                                      reRender="centerPanel" immediate="true" />

                                              </rich:panelMenuGroup>

                                              <rich:panelMenuGroup label="Re-seller User">

                                                  <rich:panelMenuItem label="Add"

                                                      action="#{UserManagementFacade.showAddResellerUsr()}"

                                                      reRender="centerPanel" immediate="true" />

                                                  <rich:panelMenuItem label="Modify/Delete"

                                                      action="#{UserManagementFacade.showModifyDeleteResellerUsr()}"

                                                      reRender="centerPanel" immediate="true" />

                                              </rich:panelMenuGroup>

                                              <rich:panelMenuGroup label="User Password">

                                                  <rich:panelMenuItem label="Reset User password"

                                                      action="#{UserManagementFacade.showResetUserPassword()}"

                                                      reRender="centerPanel" immediate="true" />

                                              </rich:panelMenuGroup>

                                          </rich:panelMenuGroup>

       

                                      </rich:panelMenu>

                                  </rich:layoutPanel>

       

                                  <rich:layoutPanel id="centerPanel" width="90%">

                                      <rich:layout>

                                          <rich:layoutPanel position="center" id="merchantUserPanel"

                                              rendered="#{'addMerchant' == UserManagementFacade.showPanel}">

                                              <ui:include src="addMerchantUser.xhtml" />

                                          </rich:layoutPanel>

       

                                          <rich:layoutPanel position="center" id="resellerUserPanel"

                                              rendered="#{'addReseller' == UserManagementFacade.showPanel}">

                                              <ui:include src="addResellerUser.xhtml" />

                                          </rich:layoutPanel>

       

                                          <rich:layoutPanel position="center" id="modifyDeletePanel"

                                              rendered="#{'modiyDeleteUser' == UserManagementFacade.showPanel}">

                                              <ui:include src="modifyDeleteUser.xhtml" />

                                          </rich:layoutPanel>

       

                                          <rich:layoutPanel position="center" id="modifyDeleteRUPanel"

                                              rendered="#{'modiyDeleteResellerUser' == UserManagementFacade.showPanel}">

                                              <ui:include src="modifyDeleteResellerUser.xhtml" />

                                          </rich:layoutPanel>

                                          <rich:layoutPanel position="center" id="resetUserPanel"

                                              rendered="#{'resetUserPassword' == UserManagementFacade.showPanel}">

                                              <ui:include src="resetUserPassword.xhtml" />

                                          </rich:layoutPanel>

                                      </rich:layout>

       

                                  </rich:layoutPanel>

       

                              </rich:layout>

                          </h:panelGrid>

                      </rich:panel></div>

                      </div>

                  </h:form>

       

                  <rich:modalPanel id="editPanel" autosized="true" width="450">

                      <f:facet name="header">

                          <h:outputText value="Edit User" />

                      </f:facet>

                      <f:facet name="controls">

                          <h:panelGroup>

                              <h:graphicImage value="/img/close.png" id="hidelink"

                                  styleClass="hidelink" />

                              <rich:componentControl for="editPanel" attachTo="hidelink"

                                  operation="hide" event="onclick" />

                          </h:panelGroup>

                      </f:facet>

                      <h:panelGrid columns="1">

                          <h:form>

                              <a:outputPanel ajaxRendered="true">

                                  <h:panelGrid columns="2">

                                      <h:column>

                                          <h:outputText value="User Id" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.userid}" readonly="true"

                                              id="userid" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="User Name" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.username}" readonly="true"

                                              id="inputusername" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="Current Role" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.roleDescription}"

                                              readonly="true" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="Current Role Id"

                                              styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.roleId}" readonly="true" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="Modify Role to" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:selectOneMenu align="left" id="selectroleid"

                                              listStyle="text-align:left;" value="#{selectedUser.newroleId}"

                                              style="width:220px;">

                                              <f:selectItems

                                                  value="#{UIUtilityFacade.userRoleList('MERCHANTUSER')}" />

                                          </h:selectOneMenu>

                                      </h:column>

                                  </h:panelGrid>

                                  <h:panelGrid columns="2">

                                      <a:commandButton action="#{UserManagementFacade.modifyUser()}"

                                          value="Modify" styleClass="searchButton" reRender="dataTable"

                                          oncomplete="#{rich:component('editPanel')}.hide()">

                                      </a:commandButton>

                                  </h:panelGrid>

                              </a:outputPanel>

                          </h:form>

                      </h:panelGrid>

                  </rich:modalPanel>

       

                  <rich:modalPanel id="deletePanel" autosized="true" width="200">

                      <f:facet name="header">

                          <h:outputText

                              value="Are you sure you want to delete #{currentUser.username}?"

                              style="padding-right:15px;" />

                      </f:facet>

                      <f:facet name="controls">

                          <h:panelGroup>

                              <h:graphicImage value="/img/close.png" styleClass="hidelink"

                                  id="hidelink2" />

                              <rich:componentControl for="deletePanel" attachTo="hidelink2"

                                  operation="hide" event="onclick" />

                          </h:panelGroup>

                      </f:facet>

                      <h:form>

                          <table width="100%">

                              <tbody>

                                  <tr>

                                      <td align="center" width="50%"><a:commandButton value="Yes"

                                          ajaxSingle="true"

                                          action="#{UserManagementFacade.deleteMerchantUser()}"

                                          oncomplete="#{rich:component('deletePanel')}.hide();"

                                          reRender="dataTable" /></td>

                                      <td align="center" width="50%"><a:commandButton

                                          value="Cancel"

                                          onclick="#{rich:component('deletePanel')}.hide();return false;" />

                                      </td>

                                  </tr>

                              </tbody>

                          </table>

                      </h:form>

                  </rich:modalPanel>

       

                  <!-- START Reseller Modal Panels -->

                  <rich:modalPanel id="RUeditPanel" autosized="true" width="450">

                      <f:facet name="header">

                          <h:outputText value="Edit User" />

                      </f:facet>

                      <f:facet name="controls">

                          <h:panelGroup>

                              <h:graphicImage value="/img/close.png" id="RUhidelink"

                                  styleClass="hidelink" />

                              <rich:componentControl for="RUeditPanel" attachTo="RUhidelink"

                                  operation="hide" event="onclick" />

                          </h:panelGroup>

                      </f:facet>

                      <h:panelGrid columns="1">

                          <h:form>

                              <a:outputPanel ajaxRendered="true">

                                  <h:panelGrid columns="2">

                                      <h:column>

                                          <h:outputText value="User Id" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.userid}" readonly="true"

                                              id="RUuserid" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="User Name" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.username}" readonly="true"

                                              id="RUinputusername" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="Current Role" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.roleDescription}"

                                              readonly="true" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="Current Role Id"

                                              styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:inputText value="#{currentUser.roleId}" readonly="true" />

                                      </h:column>

                                      <h:column>

                                          <h:outputText value="Modify Role to" styleClass="labelCriteria" />

                                      </h:column>

                                      <h:column>

                                          <h:selectOneMenu align="left" id="RUselectroleid"

                                              listStyle="text-align:left;" value="#{selectedUser.newroleId}"

                                              style="width:220px;">

                                              <f:selectItems

                                                  value="#{UIUtilityFacade.userRoleList('RESELLERUSER')}" />

                                          </h:selectOneMenu>

                                      </h:column>

                                  </h:panelGrid>

                                  <h:panelGrid columns="2">

                                      <a:commandButton action="#{UserManagementFacade.modifyUser()}"

                                          value="Modify" styleClass="searchButton" reRender="dataTable"

                                          oncomplete="#{rich:component('RUeditPanel')}.hide()">

                                      </a:commandButton>

                                  </h:panelGrid>

                              </a:outputPanel>

                          </h:form>

                      </h:panelGrid>

                  </rich:modalPanel>

       

                  <rich:modalPanel id="RUdeletePanel" autosized="true" width="200">

                      <f:facet name="header">

                          <h:outputText

                              value="Are you sure you want to delete #{currentUser.username}?"

                              style="padding-right:15px;" />

                      </f:facet>

                      <f:facet name="controls">

                          <h:panelGroup>

                              <h:graphicImage value="/img/close.png" styleClass="hidelink"

                                  id="RUhidelink2" />

                              <rich:componentControl for="RUdeletePanel" attachTo="RUhidelink2"

                                  operation="hide" event="onclick" />

                          </h:panelGroup>

                      </f:facet>

                      <h:form>

                          <table width="100%">

                              <tbody>

                                  <tr>

                                      <td align="center" width="50%"><a:commandButton value="Yes"

                                          ajaxSingle="true"

                                          action="#{UserManagementFacade.deleteResellerUser()}"

                                          oncomplete="#{rich:component('RUdeletePanel')}.hide();"

                                          reRender="dataTable" /></td>

                                      <td align="center" width="50%"><a:commandButton

                                          value="Cancel"

                                          onclick="#{rich:component('RUdeletePanel')}.hide();return false;" />

                                      </td>

                                  </tr>

                              </tbody>

                          </table>

                      </h:form>

                  </rich:modalPanel>

                  <!-- END Reseller Modal Panels -->

              </f:view></div>

          </ui:define>

      </ui:composition>