SOLVED

Form field conditional based on a value | Show/hide field based on another field's value

Go to solution
Adele_Grono2
Level 2

Form field conditional based on a value | Show/hide field based on another field's value

Hi there

We have some events, attendees have two choices of courses / events.

Currently the form is displaying as per option 1. although we would like the form to display like option 2.

There are two fields under the subheading Please select your second choice, we would like the attendee to be shown values different values that are conditional based on their first choice, please see sub-heading Attendees can select up to two events, (fields are highlighted in red and green).

For example:

If Face painting is an attendees's first choice, the second choice must be Colouring in OR Skipping the attendee must only show venues and dates for Colouring in or Skipping.

In addition to show/hide a field based on another field's value, each course has variations of attendees allowed.

For example:

- Face painting, has a maximum of 20 people (per location)

- Colouring in, has a maximum of 40 people (per location)

- Skipping has a maximum of 50 people (per location)

We have also read https://nation.marketo.com/message/183185-form-field-conditional-on-current-vlaue#185612

Understand we may need to use java script, below is a link to HTML code in Code Pen. Can we have show/hide functionality for an attendee's second choice and use flow boost counter code Sanford Whiteman​?

Thanks so much

++++++++++++++++++++++++++++++++++++++++++

Code pen link

Form - assistance with form validation

form conditional based on another value.jpg

1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Form field conditional based on a value | Show/hide field based on another field's value

Can we have show/hide functionality for an attendee's second choice and use flow boost counter code Sanford Whiteman?

Sure, the two can work together seamlessly. The per-course attendee cap(s) can be enforced whenever a course is available. That is, the no-two-courses-on-some-day rules and the course-is-full rules both are in effect.

However you will need JS to power this solution. It can't be done with Visibility Rules.

View solution in original post

3 REPLIES 3
Gerard_Donnell4
Level 10

Re: Form field conditional based on a value | Show/hide field based on another field's value

Hi Adele Grono​,

You should be able to do this by adding visibility rules. Create a drop down for each set of choices and then create a visibility rule for each one based on the different value selected in the first drop down. With regard to the numbers of attendees allowed for each choice that is something you will have to manage manually. You could assign people to lists based on their choices which might make it easier to keep track of the totals.

Dynamically Toggle Visibility of a Form Field - Marketo Docs - Product Documentation

Thanks,

Gerard

SanfordWhiteman
Level 10 - Community Moderator

Re: Form field conditional based on a value | Show/hide field based on another field's value

With regard to the numbers of attendees allowed for each choice that is something you will have to manage manually.

(Adele is using FBCounter, so the attendee cap is enforced automatically on the form side using JavaScript.)

SanfordWhiteman
Level 10 - Community Moderator

Re: Form field conditional based on a value | Show/hide field based on another field's value

Can we have show/hide functionality for an attendee's second choice and use flow boost counter code Sanford Whiteman?

Sure, the two can work together seamlessly. The per-course attendee cap(s) can be enforced whenever a course is available. That is, the no-two-courses-on-some-day rules and the course-is-full rules both are in effect.

However you will need JS to power this solution. It can't be done with Visibility Rules.