Show/Hide Panels based on YES/NO (Radio Buttons) in Responsive Nintex Forms

  • 15 August 2022
  • 6 replies
  • 256 views

Hello world!

I cannot find the proper solution that works for me after trying several combinations to make the logic work.
I have a form with Choice (Radio Buttons) Yes / No. The messages should be hidden and only appear if a certain choice is selected.

Take a look at the image below to get an idea on what I want to achieve. The challenges lies when the user goes back to the previous questions. Otherwise, it is working quite well.

The logic below I want to achieve:
Q1: If NO go to Q2, If YES go to QR
       QR: If YES go to MsgPanel QR YES, If NO go to MsgPanel QR NO
Q2: If NO go to Q3, If YES go to QR
       QR: If YES go to MsgPanel QR YES, If NO go to MsgPanel QR NO
Q3: If No go to Q4, If YES go to QR
       QR: If YES go to MsgPanel QR YES, If NO go to MsgPanel QR NO
Q4: If NO go to Q5, If YES go to QR
       QR: If YES go to MsgPanel QR YES, If NO go to MsgPanel QR NO
Q5: IF NO go to MsgPanel Q5 NO, If YES go to QR
       QR: If YES go to MsgPanel QR YES, If NO go to MsgPanel QR NO

The code for the Q Panels and Message Panels:
Q1: Nothing happens
Q2
Show: (Q1== "No")
Hide: not(Q1== "No")
Q3
Show: (Q1== "No" && Q2== "No")
Hide: not(Q1== "No" && Q2== "No")
Q4
Show: (Q1== "No" && Q2== "No" && Q3== "No")
Hide: not(Q1== "No" && Q2== "No" && Q3== "No")

Q5
Show: (Q1== "No" && Q2== "No" && Q3== "No" && Q4== "No")
Hide: not(Q1== "No" && Q2== "No" && Q3== "No" && Q4== "No")
 

QR Panel:
Show: (Q1=="Yes" || Q2== "Yes" || Q3== "Yes" || Q4== "Yes" || Q5== "Yes")
Hide: not(Q1=="Yes" || Q2== "Yes" || Q3== "Yes" || Q4== "Yes" || Q5== "Yes")
 

MsgPanel Q5 NO:
Show: (Q5== "No")
Hide: not(Q5== "No")
 

MsgPanel QR YES:
Show: (QR== "Yes")
Hide: not(QR== "Yes")
 

MsgPanel QR NO:
Show: (QR=="No")
Hide: not(QR=="No")

 

25175i869263281C0E78FA.jpg

 

 

 

 

 


6 replies

Userlevel 6
Badge +22

Hi,


 


Your logic table is a little confusing but I think I got what you want.
I have created an example responsive form and attached it.


Let me know how you go.


 

Hi @SimonMuntz 


Thanks a lot for file! It is another way of doing it, by checkboxes.
My first approach was using YES/NO Radio Buttons logic. The idea is to answer questions by clicking YES or NO.


Using the checkboxes, I am still encountering some challenges. Let me explain with images:


In image1
All questions (Q1, Q2, Q3, Q4, Q5) with “NO” check boxes are checked and disabled with one message at the bottom of the questions . This works well.
When the user clicks one of the "Yes" check boxes, it shows for instance the Question "Q1" and Question "QR" checked and disabled with the message "MP QR NO". See Image 2.



In Image 2
This works well also.



In Image 3 
The Message Panel "MP QR YES" should only appears when the user clicks ”YES". Now it is appearing together with the message "MP QR NO". I have tried to hide it and show it only when the user click “YES” in the "QR" question without the proper result. Thanks!


Userlevel 6
Badge +22

Hi,


 


Sorry I missed the point about radio buttons.


Here is another export with radio buttons that does what you require.

Hi @SimonMuntz,.


 


No worries. Thank you for the file and your time.
We are very close to the right solution. I have 3 images with comments below. Thanks.


 


Image 1


The logic works perfectly when the user clicks Q1, Q2, Q3, Q4, Q5 and QR.


In the QR panel there are a YES and NO radio buttons. When the user clicks "NO" a QR NO message is displayed. The same happens if the user clicks YES, see image 2.



Image 2


When the user click "YES" in the QR panel, a QR YES message is displayed, this is correct. But the issue arise when the user clicks back to the previous questions. See image 3. 


 



 


Image 3
When the user clicks back for example from Q5 "NO" to Q4 "NO" the QR YES message is not hidden, as you can see in the image below. The same happens for QR NO Message.



 


This logic below I want to achieve:


Q1: If YES go to QR, If NO go to Q2, 
       QR: If YES go to QR YES message, If NO go to QR NO message
Q2: If YES go to QR, If NO go to Q3, 
       QR: If YES go to QR YES message, If NO go to QR NO message
Q3: If YES go to QR, If No go to Q4
       QR: If YES go to QR YES message, If NO go to QR NO message
Q4: If YES go to QR, If NO go to Q5
       QR: If YES go to QR YES message, If NO go to QR NO message
Q5: If YES go to QR, If NO go to Q5 NO message
       QR: If YES go to QR YES message, If NO go to QR NO message

Userlevel 6
Badge +22
Hi,

There is nothing you can do when you click backwards.
Once an option is Yes or No and then hidden, it is still Yes or No.

Hi @SimonMuntz. I am trying to understand why it is not possible to hide backwards panels as to my understanding it is possible. Would you please explain me what do you mean with: "Once an option is Yes or No and then hidden it is still Yes or No". Thank you!


 


In the meantime, is this something that other experts such as @Garrett can give a second opinion? Thanks.

Reply