Customizing Stripes Messages - Stripes...and Java Web Development is Fun Again - page 110

header

<ul class="messages">
<li>

before
Message

Message 1

</li>

after
Message

Message 2

<li> </li>

</ul>

footer

Figure 6.1: Constructing the display of information messages

The default is to display the messages in a bulleted list, using the HTML
code shown in Figure 6.1 . An example of the result is illustrated in
Figure 6.2 , on the following page. This is the message that we created
in Section 3.5 , Information Messages, on page 58 . After the user deletes
a contact, the message confirms that the operation was successful.

If you like the bulleted list but just want to change its look, you can use
the "messages" class that Stripes adds to the <ul> tag to style the list
with CSS code.

You can also change the HTML code for each part of the informa-
tion message display by modifying the following entries in the Stripes-
Resources.properties file:

• stripes.messages.header
• stripes.messages.beforeMessage
• stripes.messages.afterMessage
• stripes.messages.footer

For example, let's display information messages in a box with an icon
and a shaded background, as in Figure 6.3 , on page 124 .