[Resolvido] Primefaces - CSS

Front-end
#1

Estou com problema ao apontar meu css.

Em todas páginas eu tenho essa estrutura que consegue ver o arquivo “head.xhtm” em qualquer nível de diretório sem problemas:

<?xml version='1.0' encoding='UTF-8' ?>

<!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:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:include src="${pageContext.request.contextPath}/modulos/includes/head.xhtml"/>
    <h:body>
        <f:view contentType="text/html">
            <ui:include src="${pageContext.request.contextPath}/modulos/includes/cabecalho.xhtml"/>
            <div id="conteudo">

            </div>
        </f:view>
    </h:body>
</html>

Mas se eu seguir a mesma idéia dentro do head.xhtml, onde quero importar os css, tenho que adicionar o nome do projeto senão ocorre erro ao ler o css. Ou seja, e eu tirar o “nomeprojeto”, e deixar como no exemplo acima não funciona. Porque disso ?


<!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:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"

      xmlns:ui="http://java.sun.com/jsf/facelets">
    <f:view contentType="text/html">
        <h:head>

        <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/nomeprojeto/modulos/includes/skin.css"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/nomeprojeto/modulos/includes/estilo.css" />

        </h:head>
    </f:view>
</html>

===============================================

Resolvi criando uma pasta “resources” e dentro dela a pasta “css”.

Depois só chamar o código

 <h:outputStylesheet library="css" name="skin.css"/>
#2

Bom dia, tudo blza?

Fizemos um projeto utilizando PrimeFaces aqui na empresa e fizemos os imports de css usando o seguinte código:

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

o código #{request.contextPath} que fazia pegar o contexto da app

Eu acho que a diferença vai estar em quando a avalição da expressao vai ser feita, no meu exemplo nós usamos “#” e no seu vc usou “$”, acredito que eles sao avaliados de forma diferente.

Resumindo, troque o “$” por “#”

vlws

#3

[quote=jpjcjbr]Bom dia, tudo blza?

Fizemos um projeto utilizando PrimeFaces aqui na empresa e fizemos os imports de css usando o seguinte código:

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

o código #{request.contextPath} que fazia pegar o contexto da app

Eu acho que a diferença vai estar em quando a avalição da expressao vai ser feita, no meu exemplo nós usamos “#” e no seu vc usou “$”, acredito que eles sao avaliados de forma diferente.

Resumindo, troque o “$” por “#”

vlws[/quote]

Valeu. Funcionou dessa maneira também.

#4

Valeu me ajudou muito!

#5