[RESOLVIDO] Colocar CSS com o JSF (facelets)

Front-end
#1

Bem… estou tentando colcar o css usando JSF + Facelets, e a página não está pegando o css

minha página:


<!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:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<link
	href="#{facesContext.externalContext.request.contextPath}/css/style.css"
	rel="stylesheet" type="text/css" />
</head>
<body>
<ui:composition>
	<h:form id="form1">
		<h:outputText value="teste" styleClass="erro"></h:outputText>
		<rich:panel>
			<h:outputLabel value="email:" />
			<h:inputText id="email" requiredMessage="*aaaaa" required="true"
				value="#{userView.user.email}" />
			<h:message for="email" styleClass="erro" />
			<br />
			&lt;h:outputLabel value="senha:" /&gt;
			&lt;h:inputSecret id="senha" requiredMessage="*" required="true"
				value="#{userView.user.senha}" /&gt;
			&lt;h:message for="senha" styleClass="erro" /&gt;
			<br />
			&lt;h:outputLabel value="confirmar senha:" /&gt;
			&lt;h:inputSecret id="confirmarSenha" requiredMessage="*"
				required="true" value="#{userView.user.confirmarSenha}" /&gt;
			&lt;h:message for="confirmarSenha" styleClass="erro" /&gt;
			<br />
			&lt;h:outputLabel value="nome:" /&gt;
			&lt;h:inputSecret id="nome" requiredMessage="*" required="true"
				value="#{userView.user.nome}" /&gt;
			&lt;h:message for="nome" styleClass="erro" /&gt;
		&lt;/rich:panel&gt;
		&lt;rich:spacer height="1" /&gt;
		&lt;rich:panel&gt;
			&lt;h:commandButton value="Submit" action="#{userView.insert}"
				id="submit" /&gt;
		&lt;/rich:panel&gt;
	&lt;/h:form&gt;
&lt;/ui:composition&gt;
&lt;/body&gt;
&lt;/html&gt;

meu arquivo .css está dentro do webcontent/css/style.css

e simplesmente ele nao pega o css, se abro o código-fonte gerado da página, não aparece o link do css

alguém sabe o que estou fazendo de errado?

#2

Boa noite,

Eu utilizo o css no template. No seu código eu utilizaria desta forma:


&lt;ui:composition template="/template.xhtml"&gt;

e no template.xhtml a definição do css

#3

Não, não faça nada disso, utilize a seguinte tag na página que você deseja importar o css ( independente de ser um template ou não ):

<head>
<a4j:loadStyle src="/resources/css/style.css"></a4j:loadStyle>
</head>

Com essa tag, você pode apontar o mesmo caminho que está disposto no projeto sem se preocupar com o nome da aplicação no servidor.

Abs

#4

padcoe,
obrigado, funcionou perfeitamente!

#5

padcoe

Salvou minha vida!

#6

padcoe

salvou mais um, vlw mesmo !

:slight_smile:

#7

salvou outro XD

#8

Aqui ainda não deu… ;/ Algué poderia ser um pouco mais claro, pls ? Oo