Jump to content




The messages module provides a way to style informational messages to bring something to the user's attention.



To create a message, simply add the ipsMessage class to a container element (e.g. div), along with one of the message styles below. The message style class will automatically add the appropriate icon to your message box.


Message styles

Error - ipsMessage_error

This is an error message.

Success - ipsMessage_success

This message indicates something happened successfully.

Warning - ipsMessage_warning

This message warns the user of something terrible (or not so terrible).

Information - ipsMessage_info

This message provides general information.


Message codes

If you need to add a code to your message, such as an error number, you can do so using the ipsMessage_code class:

<div class='ipsMessage ipsMessage_error'>
	<span class='ipsMessage_code'>12345</span>
	This is an error message.
12345 This is an error message.


  Report Guide

  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy