How to use JSF h:messages better?

Question

My Objective is to use h:messages to convey user - error and confirmation messages. The CSS styles to show these two different messages are different, In fact I

Answer 1

The h:messages displays all messages, also the ones which are already displayed in a h:message in the page. You can however set it to only display messages with a null client ID using globalOnly="true".

You can also give the message a different style depending on the FacesMessage.Severity:

with for example this CSS which hides the INFO messages and makes ERROR messages red:

.info {
     display: none;
}
.error {
     color: red;
}

You can use redisplay="false" to tell it to not display the already displayed messages via e.e. .

You only need to make sure it's placed in the component tree after all those other message components. You can if necessary make use of CSS to reposition it somewhere in top.

Just to be sure,

facesContext.addMessage("clientId",  facesMessage);

this will attach the given message to a not to a as you seem to expect.