Richfaces showmodal

Galera estou com grande problema q nao estou consiguindo resolver como estou começando a mexer com ajax4jsf e richfaces estou apanhando d+. Bom minha duvida eh q qdo abri meu modalPanel consigo visualizar o header e controls agora o que vem abaixo nao consigo vou colocar meu codigo se puderem me ajudar !


<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j" %>
<%@ taglib uri="http://richfaces.ajax4jsf.org/rich" prefix="rich"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

	<link rel="stylesheet" type="text/css" href="./css/novoestilo.css">


</head>
  
<body background="./css/images/sebrae_fundo.gif">
	<f:view>
	<a4j:form id="cadastroservicos">
		<table height="100%" width="80%" align="center" >		
			<tr>
				<td align="center">								
					<div style="height: 100%;width: 100% " align="center" id="cab" style="background-color: #F5F5F5;">
						<div id="formulariofundo" style="text-align: center">Cadastro de Serviços</div>	
						<div style="height: 5%"></div>	
						
						<div id="col_esq" style="text-align: center;" >
							<label style="font-size: 18" >Tipo de Serviço:</label>
						</div>		
												
						<div id="col_dir">
							<h:selectOneListbox size="1" id="servicos" 
							onchange="submit()" valueChangeListener="#{servicos.servicosChanged}">
								<f:selectItems value="#{servicos.cadServicoBean.listaServico}"/>
							</h:selectOneListbox>							
						</div>
						
						<div style="height: 7%"></div>
											
											
						<div style="height: 3%">	
							<h:messages id="txterro" errorStyle="color:red" infoStyle="color:#DC143C" layout="list" />											
						</div>												
						
						<div style="height: 7%"></div>
												
						<div id="col_esq" style="text-align: center;font-size: 18;" >
							<label style="font-size: 18">Digite o Serviço:</label>						
						</div>
						
						<div id="col_pri" style="width: 20%">
							<h:inputText id="iptxtServico"></h:inputText>														
						</div>
						
						<div id="col_dir" style="width: 20%" align="right">
							<h:commandButton id="btAdicionar" value="Adicionar" actionListener="#{servicos.adicionarServicosChanged}" action="#{servicos.act}"></h:commandButton>													
						</div>
						
						<div style="height: 5%"></div>	
						
						<div id="col_esq" style="font-size: 18" align="center">
						 <h:selectBooleanCheckbox id="chkboxservicos" valueChangeListener="#{servicos.servicoschkboxChanged}" converter="javax.faces.Boolean" onclick="submit()"></h:selectBooleanCheckbox>Detalhamento: 						 
						</div>		
						 						 
						 <div id="col_pri" style="width: 20%">							 								
							<h:inputText id="iptxtDetalhamento" disabled="#{servicos.isFlag}"></h:inputText>							
						 </div>	
																		
						<div id="col_dir" style="width: 20%" align="right">
							<a4j:commandButton reRender="mensagens:testemod" onclick="javascript:Richfaces.showModalPanel('mensagens:excluir')" value="Remover">
								<a4j:support event="onclick" onsubmit="true"></a4j:support>
							</a4j:commandButton> 
						</div>
						 
						 <div style="height: 2%"></div>	
						
						<div style="background: #bfd7f0;font-size: 5; height: 1%" ></div>
						
						<div style="height: 3%;font-size: 1">.</div>
												
						<div id="col_esq">
							<label style="font-size: 18">Serviços Cadastrados:</label>
						</div>
						
						<div style="height: 1%">
							
						</div>
						
						<div id="col_esq">							
							<h:selectOneListbox size="10"></h:selectOneListbox>
						</div>
						
						<div style="height: 40%"></div>
						
						<div>
							<label style="font-size: 11">2008 - Sebrae/GO - Avaliação de Fornecedores - Todos os direitos reservados. </label>
						</div>												
					</div>
				</td>			
			</tr>		
		</table>			
	</a4j:form>
	
	<h:form id="mensagens">
			 <rich:modalPanel id="excluir" minHeight="200" minWidth="450" height="200" width="500" zindex="2000">  
             <f:facet name="header">  
                 <h:outputText value="test"></h:outputText>  
             </f:facet>          
             <f:facet name="controls">  
                  <h:panelGroup>  
                       <h:graphicImage value="./css/images/close.JPG" onclick="Richfaces.hideModalPanel('mensagens:excluir')"   
                            style="cursor:pointer" id="hidelink"/>                                      
                   </h:panelGroup>                   
             </f:facet>  
               
             <rich:panel id="testemod" style="align: center">  
                 <h:outputText value="This panel is called using Component Control Component"></h:outputText>  
                     <br/>  
                 <h:outputText value="Closure link (X) works also through Component Control"></h:outputText>  
             </rich:panel> 
         </rich:modalPanel> 
		</h:form>
	</f:view>
</body>
</html>

Obrigado a todos.

Olá o identificador do modal não é da forma que ele é renderizado, ou seja, o id deve ser apenas excluir e não mensagens:excluir. Se não estiver visualizando o conteúdo tente substituir o rich:panel por um h:panelGroup.

:wink: