Skip to main content
Nintex Community Menu Bar

How do I fields based on a value in another field

  • Sep 3, 2017 9:39 PM UTC
  • 11 replies
  • 31 views
  • Translate All

Forum|alt.badge.img+9

For a form using the below example if a user selects "football" then I would like fields 2 and 3 display (fields 4 and 5 would be hidden).  If volleyball is selected then fields 4 and 5 display(fields 2 and 3 would be hidden)

1-Select Sport (Football/Volleyball)

2-Have you ever had a concussion (yes/no)

3-If you did have a concussion or showed symptoms of a concussion do you agree to report your symptoms to a coach (yes/no)

4-Have you ever broken your hip (yes/no)

5-Fill in the amount of traveling tournaments you can participate in during 2017

11 replies

Forum|alt.badge.img+14
  • Scholar
  • Sep 3, 2017 10:15 PM UTC

you can easily achieve this formatting rules.

but without knowing of what are are types of single controls no one can provide exact syntax.

Translate

Forum|alt.badge.img+9

What do you mean "what are types of single controls"..

Translate

Forum|alt.badge.img+14
  • Scholar
  • Sep 4, 2017 5:51 AM UTC

Are they choices or lookups?

are they single or multiselect?

are they rendered as dropdowns, radios, buttons?

Translate

Forum|alt.badge.img+9

It is a choice field.

Translate

Forum|alt.badge.img+9

Just for further clarification, they would select a choice field (sport in the above example).  When that choice field is selected than I would like to hide other fields which may be choice fields or single line fields.  There are no look-ups or mutiselect fields.

Regarding your rendering question - how would I check this ?  When I go to the form I see Control Settings - Choice for the field I want to evaluate, but nothing regarding dropdown/radio/buttons.  To me visually it look likes a normal drop-down.

Translate

Chris_Ben
Nintex Employee
Forum|alt.badge.img+14
  • Nintex Employee
  • Sep 5, 2017 6:22 AM UTC

Hi David,

As Marian has pointed out, it depends on what types of controls/columns you have used to pose your questions.  I've got a few examples for you below using a choice field for the sporting type and a yes/no field for your questions.  You'll note that yes/no actually renders the answer as true/false rather that yes/no whereas the choice field just uses the text.

To hide the football questions when the user has selected volleyball, you only need one rule:

To hide the volleyball questions, you need a very similar rule:

but you can go a step further and only show the symptoms question only if they have ticked the concussion box.  Note that both rules have been applied to this field (and label).

Hope that helps.

Cheers,

Chris

Translate

Forum|alt.badge.img+14
  • Scholar
  • Sep 5, 2017 6:59 AM UTC

yeah, exactly.

I 'd just add, that if you need to apply formatting rules to several controls it's a good practice to place all such controls into a common panel and apply rule to the panel instead of single controls. this makes better/more reliable experience with controls resizing/repositioning as single rules are applied

and reg.

Regarding your rendering question - how would I check this ?

it's one of control's settings laugh.png

207274_pastedImage_1.png

Translate

Forum|alt.badge.img+9

Thanks for the tip on formatting as that will impact my form.  Obviously I can Google, but if you knew of a helpful link on how to create the panel/provide more background that would be ideal.

Translate

Chris_Ben
Nintex Employee
Forum|alt.badge.img+14
  • Nintex Employee
  • Sep 6, 2017 1:03 AM UTC

Try this post David:  

Translate

Forum|alt.badge.img+3
  • Sep 8, 2017 1:05 PM UTC

Hi All,

Not sure if this helps, but if I use this approach when creating forms as above.

Firstly I created the forms  list as per below.

The column types "Choice" are changed to radio buttons.

I then add the below CSS to the below the current custom CSS

 /* Workflow designer override for Nintex Workflow styling */
 #uiDesignerSurface input[type=text], #uiDesignerSurface input[type=password], #uiDesignerSurface .ms-inputBox, #uiDesignerSurface  select, #uiDesignerSurface  textarea, #uiDesignerSurface .ms-inputBoxActive, #uiDesignerSurface .ms-inputBoxActive.ms-inputBox, #uiDesignerSurface button, #uiDesignerSurface .sp-peoplepicker-topLevel, #uiDesignerSurface .sp-peoplepicker-topLevelDisabled, #uiDesignerSurface .sp-peoplepicker-autoFillContainer
 {
 background-color: rgb(253, 253, 253) !important;
 }.customtab {float: right;  } 
.customtab tr {float:right;  } 
.customtab label {background: #D8D8D8;
                  padding: 5px 15px 5px 15px;  
                  border: none;
                  margin-left: 3px;
                  margin-right: 3px;           
                  position: relative;    
                  border-radius:5px 5px 5px 5px; 
                  left: 3px;  
                  cursor:pointer;         
                  border-bottom:none;         
                  text-align:center;
                  color: #0072C6;}
.customtab label:hover {background: #0072C6;color:#D8D8D8;}
.customtab a{color: #0072C6;text-decoration: none;}
.customtab a:hover {color: #D8D8D8;}  .customtab [type=radio] {display: none; }
                   [type=radio]:checked ~ label {background: #0072C6;
                                border-bottom: 1px solid white;     
                                z-index: 2;
                                color: #D8D8D8;}    

I then designed  the form and added this "customtab" to the "Control CSS class" in control settings.

 

How to hide 4 & 5.

and then publish.

Look and feel

You can download the form xml here..

Just a little input from my end happy.png

Translate

Chris_Ben
Nintex Employee
Forum|alt.badge.img+14
  • Nintex Employee
  • Sep 26, 2017 5:16 AM UTC

Hi David,

Did any of these responses answer your question?  If so, could you please mark one correct?

Cheers,

Chris

Translate