Service catalog checkbox visibility

DB1
Tera Contributor

Hi all, 

I have the below requirement and need help to achieve the same. TIA

 

1. There is a select box with 5 options.(Option A,B,C,D,E)

2. When Option A is selected it should display 2 Mandatory Checkboxes (refer below image)

DB1_0-1686076728995.png

3. Requirement: Cat item should display 2 checkboxes when Option A is selected. However, when checkbox 1 is selected then Checkbox2 should disappear similarly when checkbox 2 is selected checkbox1 should disappear.

DB1_1-1686076957023.png

 

The variables I have

1. Select box

2. I created 2 separate variable sets which holds the two different checkboxes separate.

Variable set 1 - Checkbox1

Variable set 2 - Checkbox 2

3. I created a catalog ui policy to display the 2 checkboxes when option A is selected.

However need help with Point#3 Requirement

 

TIA

@Manmohan K @Ankur Bawiskar @Mark Roethof @Ratnakar7 @Daniel Pettet 

 

5 REPLIES 5

Prinssi
Mega Sage

Hi @DB1,

 

Try this configuration.  First the CheckBox variables should start as hidden:

Prinssi_5-1686267544490.png

 

Then, for the three UI Policies, all of them should be set so that "Reverse if false" is true

However, only the "Show CheckBoxes" UI Policy should have "On load" set to true

The other two policies should have "On load" set to false.

Mimic the order as well.

Prinssi_1-1686266972277.png

 

Conditions for "Show CheckBoxes" UI Policy are: Select Box 1 is Option A, AND Select Box 2 is Option A, AND Select Box 3 is Option A.

The actions are:

CheckBox 1: Mandatory is true, and Visible is true.

CheckBox 2: Mandatory is true, and Visible is true.

Prinssi_2-1686267235928.png

 

Conditions for "When CheckBox1 is True, Hide CheckBox2" are: CheckBox 1 is true.

Action:

CheckBox 2: Mandatory is false, and Visible is false, and Clear the variable value is true.

Prinssi_3-1686267416277.png

 

Conditions for "When CheckBox2 is True, Hide CheckBox1" are: CheckBox 2 is true.

Action:

CheckBox 1: Mandatory is false, and Visible is false, and Clear the variable value is true.

Prinssi_4-1686267475460.png