JSF -- Problemas integrando primefaces e CSS

1 resposta
F

Boa tarde Pessoal,

Eu estou com o seguinte problema:

Estou fazendo um projeto com JSF (Mojorra 2.0.3), onde utilizo diversos recursos do primefaces (3.0 M3). Para configurar a formatação da tela, como de praxe, utilizo um arquivo CSS.

Contudo, aparentemente, as tags do Prime nao estao reconhecendo o arquivo externo. Alguem sabe porque?

Segue abaixo como estou utilizando o meu XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/style.css" /> 

</h:head>

<h:form id="form">
	<h:form>
		<p:dataTable var="car" value="#{tableBean.carsSmall}"
			widgetVar="carsTable" paginator="true" rows="10" paginatorPosition="bottom"
                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"  
			emptyMessage="No cars found with given criteria">

			<f:facet name="header" >
				<div class="fontes">

Para essa div, esta reconhecendo normalmente meu CSS

<h:form>
						
						<p:commandButton styleClass="buttons" value="Nova Tag"  onclick="tag.show()" />
					</h:form>

Para o <p:commandButton> , o navegador nao exibe o CSS.

Segue o arquivo “style.css”

.fontes {
	float: left;
	position: relative;
	top: -3px;
	left: -5px;
}

.buttons {
	font-size: 10px;
}

.fff {
	float: right;
	position: relative;
	top: -3px;
	left: 5px;
}

Aguardo retorno…

1 Resposta

Diego_Adriano

Cara o JSF deixou vc utilizar um form dentro do outro ?

Bem, eu uso como vc disse, um CSS externo e o Prime .. bem utilizo da seguinte forma:

<f:view encoding="ISO-8859-1">
	<h:head>
		<title>Academia</title>
		 
		 <link rel="stylesheet" href="/AcademiaWeb/Style/style.css" type="text/css"/>
		 <meta content='text/html; charset=UTF-8' http-equiv='Content-type'/>
		 <link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/#{guestPreferences.theme}/theme.css"/>

           </h:head>
 
	<h:body>
	</h:body>
</f:view>
Criado 5 de outubro de 2011
Ultima resposta 5 de out. de 2011
Respostas 1
Participantes 2