Show/Hide the appointment field based on the selected option

I have a single option element on a form, and 2 hidden fields.

When a person selects Option 1 I want to unhide field 1 and hide field 2. At this point it is.

When a person toggles to Option 2 I want to hide field 1 and unhide field 2.

Likewise, when a person toggles back to Option 1 I want to unhide field 2 and hide field 2.

The only way I found to simulate this is to add 2 conditional show/hide rule. Yet, the way your rules are processed cause a conflict and this doesn't work.

How do I solve this?

Hi Richard,

Thanks for reaching out to Jotform Support. I don't see the form you're working on, in your account. I'll need a bit of time to look into the condition you're trying to implement, and I'll be back as soon as I can.

Thanks for your patience and understanding, we appreciate it.

lol, there’s only one form in my account.

Hi Richard,

I don't see any form in your account, but you can share with us the link so we can check. You can easily find your form's URL in Form Builder. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the Quick Share tab, click on Copy Link in the Share With Link section.

Also, I'm now trying to implement your condition on a demo form on my account, and I'll share it with you and provide you the steps on how to set it up in the form once done.

Thanks for your patience and understanding, we appreciate it.

https://form.jotform.com/250986410640153

Basically both scheduler calendars are hidden. One books for Zoom, the other is not connected to my Zoom Account. Based on how they want to meet determines which scheduler I show them.

Hi Richard,

Let me walk you through on how to show the appointment fields based on the selected option.

1. First, it's best if you disable the appointment field's hide feature, as we'll just hide them using condition.

a. In Form Builder, select the Appointment Fields.

b. Right click on your mouse, and click on Show.

2. After that, disable or delete the current condition you've set up for the appointment fields.

a. In Form Builder, in the orange navigation bar at the top, click on Settings.

b. In the menu on the left side of the page, click on Conditions.

c. Select the conditions for the appointment field, and click on the Disable button.

Lastly, create a Show/Hide Field condition again, and set them up like below:

Check out my result:

So, what will happen here is, both appointment fields are initially hidden, and are shown only once their corresponding option is selected.

Give it a try and let us know if you need any more help.

Thanks that worked! With both schedulers not hidden in settings, how do they become hidden when the form loads?

Hi Richard,

With your current set up, both appointment fields are automatically hidden as they are set up with Show/Hide Field condition. The specific calendar will show once the user selected they preferred scheduler. Check out the screencast how the looks like:

If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

Let us know if you have any other questions.