Setar tamanho variável de p:carousel

Pessoal,

Na minha aplicação, eu uso o carousel para exibir mensagens que estão armazenadas no banco de dados.
O problema é que o tamanho da tela que apresenta as mensagens fica do tamanho apropriado para a exibição da primeira mensagem.
As demais mensagens são apresentadas quebradas ou uma mensagem inteira junto com uma parte da segunda mensagem.
Será que tem como eu setar o tamanho do painel de exibição que se ajuste ao tamanho do texto ou que pelo menos apresente uma mensagem por vez?
Meu código está assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head>

</h:head>

<body> 
<ui:composition template="_templateSemMenu.xhtml">

<ui:define name="corpo">

<style type="text/css">
	
	*{
		font-weight: bold; 
	} 
	
	.dados{
		font-size: 40px;
	} 
</style>

<h:form id="formularioMensagem" >
	<br></br>
	<br></br>
	<div align="center" >
	
	<p:carousel id="smallCarousel" value="#{exibicaoMensagemBean.lista}" var="mensagem"   
         itemStyleClass="dados" pageLinks="4" autoPlayInterval="4000"   
        rows="1"  effect="easeInStrong" circular="true">
       
        <p:dataTable id="tabelaMensagem" value="#{mensagem}" var="quantitativo">
        	<p:column id="texto">
	   			<h:outputText value="#{mensagem.texto}" />
	   		</p:column>
        
        </p:dataTable>
      
	</p:carousel>
	
	</div> 
</h:form>

</ui:define>
</ui:composition>
</body> 
</html>

Topicos relacionados