Alert

Styles for warning, success, information and error alert messages...

An alert message is a notification about specific error, information, warning or successful actions.
Alert messages are suitable for the notifications that do not force user to do any action such as clicking to close. This type of notification will be automatically closed after seconds based on its configuration.
Besides, the alert message style is good in case of attracting user's attention to specific notifications.

Alerting a situation that might cause a problem in the future.

Your password is not strong enough.

Alerting successful, completed or done actions.

Question What is elcom? has been added successfully.

Alerting useful and relevant, but not critical information. It lets users know something new.

There is a new comment on your question. What is elcom?

Alerting wrong actions that have been done.

Your email address is incorrect. Please try again!

Note: To display an alert with limited width following the alert content length, simple use code style="display: inline-block;"

Your email address is incorrect. Please try again!

Alert on the top in a portlet

'Sample.doc' was deleted succesfully. Undo

Alert in a popup

Popup header
Please input the mandatory fields!

Alert in a page

Page Title


Section 1

Your changed have been saved.
...

Section 2

...