How to configure a controls' background and border colors when the control fails validation

  • 15 February 2022
  • 0 replies
  • 186 views

Userlevel 5
Badge +20
 

How to customize the background and border colors of the warning message on a control(s) when validation fails

PRODUCT
K2 Cloud
K2 Five
BASED ON
K2 Five (all)
This article was created in response to a support issue logged with K2. The content may include typographical errors and may be revised at any time without notice. This article is not considered official documentation for K2 software and is provided "as is" with no warranties.

Objective

The objective of this article is to customise the background and border colors of the warning message on a control(s) when validation fails.

Before You Begin

This KB provides a way to configure background and border colors on a control when the validation fails. K2 has the default capability to do this but only the red-purple color is available. Here we show you how to choose a color of your choice. 

How-to Steps

Please follow these steps:

A. Configure validation rule

In this example we will use the following rule pattern to customize our validation using a 'Text Box Control'.

Image

1. Configure the event rule

Image

2. Configure the condition rule

Image

3. Inside the condition rule, add the condition

Image

4. Add the condition rule

Image

5. In this rule, click on ‘Configure’ and mark all the controls you would like to validate

Image

6. Add the ‘Show a message’ action rule, type in the message you would like to see when the controls pass validation

7. Add the ‘Else’ condition rule

8. Add the ‘Show a message’ action rule, type in the message you would like to see when the controls fail validation.

 

B. Configure 'Conditional Styling' of the control (text control)

If you have multiple controls, do this in each of your controls.

1. Click on the control to highlight it

2. Then click on the ‘Conditional Styles’ ellipses

Image

3. Click the ‘Add’ button to Add conditional formatting

Image

4. Add the Name

5. Add the Condition

6. Expand the 'Controls' drop-down on the right and drag it to the left side of the Conditional Formatting

Select ’ _”is Empty’ on the ‘Operator’  drop-down list and click ‘OK’

Image

7. After clicking ‘OK’ it will take you to the 'Style Builder' window

8. Click on the ‘Font’ tab and go to ‘Background Color’ to set the background color of your control

Image

 9. Use the highlighted tabs to set the ‘Border’ color of your choice

Image

 

10. Click OK.


0 replies

Be the first to reply!

Reply