This demo shows you how you can add Bootstrap styled messages.

The messages are added server side to the facesContext object using the following code:

var msg = "I'm an info message, click the X and I'm gone forever";

facesContext.addMessage(
  null,
  new javax.faces.application.FacesMessage(
  javax.faces.application.FacesMessage.SEVERITY_INFO,
  msg,
  msg)
);

Add info message Add warning messageAdd error message

The lifetime of these message is very short: they are gone after a request is processed. If you want them to live longer (e.g. after redirecting a user to another page, you can implement a PhaseListener to store them temporarily in the sessionScope. The technique to do so is described here.

Add info message and redirect to date picker