how to remove dot (list view) from h:message

Question

I am using <h:messages globalOnly="true"/> to display error messages.

When error comes, it shows in below format.

Any idea how can I remove this dot and spaces and just show the error?

Answer 1

You can make the messages render as table cells instead of list items:

<h:messages globalOnly="true" layout="table"/>

Documentation for h:messages is here.

Answer 2

You could download firebug plugin for firefox and trace the css , maybe try this css:

.item-list ul li
{
list-style-type: none;
list-style-image: none;
}