problem with rich:layout on IE7
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
> 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>