×

Please give details of the problem

Skip to content

How to create a Information Tags

For some reasons, end users must be guided or just informed of what happens into the form. Here below are 2 examples of it :

  • IBAN filling up rules

IMG1

  • Mail sending (initiated from the WI) confirmed to the user

IMG2

In this tutorial, we will create a page gathering these 4 possible classes that display nicely information for the application end users.

IMG3

  • Create a single html widget into your web interface Design tab

  • In the configuration panel, click on "View or edit content" and inject the following html code :

Code

1
2
3
4
<div class="info">Test with class "info"</div>
<div class="success">Test with class "success"</div>
<div class="warning">Test with class "warning"</div>
<div class="error">Test with class "error"</div>
  • Download the following CSS Stylesheet : Link

  • Upload it into the related project and attach it to your web interface

IMG4

  • You are done now! Open in test mode and have a look.