Various CSS styles for JSF posts

In JSF, I included the following line in my xhtml file:

<h:panelGroup id="messageHeader">
   <h:messages for="messageHeader" layout="list" errorClass="error"  infoClass="inform"/>
</h:panelGroup>

The text will be displayed as

<ul>
  <li class="error"> Please enter a First Name </li>
  <li class="error"> Please enter a Last Name </li>
</ul>

How do I apply a CSS style to a tag <ul>or some surrounding tag <span>?

Here is what I am trying to do. I want all error messages to appear in one red box. I also want all informational messages to appear in one green field. In the above example, 2 red boxes are obtained; one for each item <li>.

+3
source share
2 answers

Use attribute styleClass <h:messages>. It will apply to the original HTML element.

eg.

<h:messages styleClass="messages" />

will end like

<ul class="messages">
    ...
</ul>

. , . <h:messages/>, .

<h:messages styleClass="errorMessages" infoStyle="hide" />
<h:messages styleClass="infoMessages" errorStyle="hide" />

.hide {
    display: none;
}
+6

, h: , . exapmle :

<h:panelGroup id="errorMessageHeader" class="whatever you need" rendered="#{FacesContext.isValidationFailed()}">
   <h:messages for="errorMessageHeader" layout="list" errorClass="error" />
</h:panelGroup>

, ,

javax.faces.context.FacesContext

, A.K.

0

All Articles