How do i change the background of a JSF file

Question

In html it is working perfectly , but I'm guessing it's not the same for a JSF file. I'm trying to change the background color of body, to have a background color for my webPage but it doesn't seem to work, Here is my code:

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

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255"/>
<title>Welcome</title>
</h:head>
<h:body style="background-color:blue;">

</h:body>
</html>

Are you able to run this application properly and communicate with a managedbean? — Johny T Koshy, Dec 05 '13 at 12:35
Is this application running on some server? or did you just double click and open jsf file like its normally done for xhtml? — Johny T Koshy, Dec 05 '13 at 12:47

score 2 · Answer 1 · answered Dec 06 '13 at 04:45

2

instead of using inline CSS style you can define your style for body tag

body { 
    background-color:blue; 
}

answered Dec 06 '13 at 04:45

muneebShabbir

2,500
4
29
46

score 1 · Accepted Answer · edited May 23 '17 at 12:33

You need to make sure that the request URL as you see in the browser's address bar matches the <url-pattern> of the FacesServlet as you've configured in your web.xml. Otherwise the JSF tags won't be parsed and won't produce the desired HTML output. You can confirm this by doing rightclick and View Source in webbrowser. Instead of <body> the webbrowser would receive a <h:body> which it doesn't understand. You should not be seeing any JSF tags over there but instead its generated HTML output.

Imagine that it is <url-pattern>*.jsf</url-pattern>, then you should be opening the page as http://example.com/context/page.jsf instead of http://example.com/context/page.xhtml.

Otherwise, you'd better change the <url-pattern> to *.xhtml so that you never need to fiddle with virtual URLs.

1

what if he is not using Jquery? – muneebShabbir Dec 05 '13 at 11:59
he/she has not mentioned it in the question.So, I went for the easiest and straight forward way... – Ch Faizan Mustansar Dec 05 '13 at 12:04
Easiest way is to use CSS styles directly. – Jaffy Dec 06 '13 at 07:02
2

Holy ***, why does this non-answer suggesting a completely clumsy "solution" have 2 upvotes? – BalusC Dec 06 '13 at 10:22
Because many people can take it as an answer atleast something that will solve the issue... and many can raise a question as you and two other member have done... – Ch Faizan Mustansar Dec 06 '13 at 10:45

How do i change the background of a JSF file

4 Answers4

See also: