Difficulty with CSS in a JSF2 project

Question

Greeting to all,

I’m new as a Java programmer with JSF projects, I want to put an image as the page plan, and I don’t know how to do.

This is the structure of my project;

I tried to put the line of code in the css file like this;

background-image:url("/resources/images/papel_de_parede.jpg");

OBS: The structure of Maven.

But it didn’t work.

I need help!

FOR MORE INFORMATION MY PROJECT IS ON GITHUB

https://github.com/wladyband/GestaoADM/tree/master/GestaoADM/src/main/webapp/WEB-INF/template

Answer 1

You can do it this way:

On your page .xhtml apply that property

  <img src="#{facesContext.externalContext.requestContextPath}/images/papel_de_parede.png" alt="" />

Inside this attribute you can assign a class="" or a id="" to manipulate via .css

Remembering that to assign the .css for your page you need this :

 <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/pasta onde fica o css da ágina" />

Answer 2

Create a folder structure like this one inside your Webcontent

After that, you use Expression Language to do what the above colleague did.

I suggest you read up on EL, it might clear up any doubts you didn’t even know you had yet.

Answer 3

Try this:

<h:body 
    style="background-image:url(#{request.contextPath}/resources/images/textura.jpg);" >

Answer 4

As you are added CSS by JSF it will manage such CSS. Therefore, to add an image you should use the JSF Expression Language (EL).

For example:

css style.

body {
    background-image: url("#{resource['imagens/papel_de_parede.jpg']}");
}