How can I trigger SideBySide display logic without having to go to the next page? | Experience Community
Skip to main content

How can I trigger SideBySide display logic without having to go to the next page?

  • Jan 4, 2023 7:44 PM UTC
  • 3 replies
  • 46 views

Forum|alt.badge.img+1

Hello! I'm hoping someone has a solution for this issue. I'm using the "side by side" type question for respondents to list/describe specific events. I want to hide rows 2, 3, etc. if the "add another event" button is not selected. I did the display logic, but the logic is not triggered unless I go to the next page and then go back to this question. Any help is appreciated. Thank you!
image.png




3 replies

grahulp5
QPN Level 3 ●●●
Forum|alt.badge.img+18
  • QPN Level 3 ●●●
  • Jan 4, 2023 9:00 PM UTC

For this you will need to use javaScript's "onClick" function to hide and show the rows based on the previous selection.


Forum|alt.badge.img+1
  • Author
  • Jan 4, 2023 9:42 PM UTC

Do you happen to have an example of a javascript I can use? Sorry, I just don't have a lot of knowledge regarding this. Thank you!


grahulp5
QPN Level 3 ●●●
Forum|alt.badge.img+18
  • QPN Level 3 ●●●
  • Jan 5, 2023 5:37 PM UTC

It should look something like below:
jQuery('.q-radio').onClick(function(){
  //display the next row
      }