Learn & Support · Forms and logic

Show or hide fields based on an answer

A delivery address that appears only when someone chooses Delivery.

A 1:27 video; captions under CC. The steps are below too.

1. Add the question

   Open the Cupcake Order form from Calculate a total, choose Fields, then Add Fields to this Form. Choose Select, then options; in its Settings, label it Pickup or delivery, add Pickup and Delivery, and choose Submit.

2. Add the field to show

   Choose Input, then text, and label it Delivery address. It’s only needed for deliveries.

3. Write the logic

   In Form Logic, choose Write as text. Under on load, add call hidefield("Delivery address"). Then add on change "Pickup or delivery": if it’s "Delivery", call showfield("Delivery address"); else, hidefield. Choose Check, then Apply.

4. It starts hidden

   Open the form from Sharing, Open Link. There’s no address field until it’s needed.

5. Delivery shows it

   Choose Delivery, and the address field appears.

6. Pickup hides it

   Change it to Pickup, and it’s hidden again. For a simple rule like this, a field’s Show only if setting does the same with no logic; logic can also do more in the same place, such as setting a delivery fee.

Go deeper

← Back to support