Page Under Construction - Introduction

Introduction

Validation can be added to specific fields to check data as it is entered and before completing an Actionflow. Examples of validation include:

• checking if a field has been completed
• checking if it contains certain numbers, letters or special characters
•  it is in a desired format, e.g. a website or email address
• and more...

Mandatory Fields

1. Open the Companies Form screen from the screen's home page. This ensures there is no data selected.
2. Ensure your screen is

   Insert excerpt
   _unlock _unlock nopanel true

   ed.
3. Click on the Company Name field twice to open its properties. Ensure your screen is unlocked.Add a Formatting Rule:
4. Rule Expression, _field.value == _NULL
   1. This expression will evaluate to true when this field is null.
Click its 

Insert excerpt
_property_tabs _property_tabs name style nopanel true

5. Click on the 

   Insert excerpt
   _

   addIcon

   property_tabs _

   addIcon

   property_tabs nopanel true

    next to Style.
   1. We will create a style to highlight the field if the rule expression is true. Set the options how you feel are appropriate to highlight the field. Here is an example setup: 
      1. Name, Mandatory Fields.
      2. Text Colour field, #d0021b.
      3. Font Weight field, Bolder.
      4. Save your changes
6. The style is added to the Formatting Rule.
   1. If there is an existing style to be used, this can be selected from the dropdown.
Save your changes.
7. In the Validation section:

   1. Insert excerpt
      _check_box_tick _check_box_tick nopanel true

       Mandatory and toggle it on 

      Insert excerpt
      _toggle_on _toggle_on nopanel true

8. Insert excerpt
   _save _save nopanel true

    your changes
9. Close and reopen the Companies Form to ensure the new formatting rule is applied.Lock the

10. Insert excerpt
    _lock _lock nopanel true

     the screen. Now the field label is red.
    1. Image Removed
11. Notice when you move your mouse over the field the label changes colour. We will look at this in the next section.

Exercise

1. has an asterisk.
   1. Image Added

Exercise

1. On your Companies Form, click on the Company Name field header
   1. Note: You may need to click on it twice to ensure the

      Insert excerpt
      _property_settings _property_settings nopanel true

       that opens is for Static Text
2. On the

   Insert excerpt
   _property_tabs _property_tabs name style nopanel true

   , add a CSS property, which applies a red text colour when the mouse moves over the Company Name

1. header
   1. CSS Tag: color
   2. Value: red