3. Maker Course - Customize the Intake Interface
Video Walkthrough
Follow Along:
In the module builder toolbar, select the Interfaces button. The Interfaces panel displays.
Select the interface you created in the previous section. The interface builder displays.
Add and Configure Widgets
In the right panel, select the Input Type Text widget. The widget is added to the interface.
In the widget configuration panel, rename the Title to "Who is this order for?" and turn on the Wrap title text toggle.
Scroll down to the widget Input section and select the Field for input dropdown, then select the Submitting User field.
Turn on the Is required? toggle.
In the interface body, select + Add Widget, then select the Input Type Dropdown widget in the right panel. The widget is added to the interface.
In the widget configuration panel, rename the widget Title to "What type of plushy would you like to order?" and turn on the Wrap title text toggle.
Scroll down to the widget Input section and select the Field for input dropdown, then select the Plushy type field.
Turn on the Is required? toggle.
In the interface body, select + Add Widget, then select the Input Type Date widget in the right panel. The widget is added to the interface.
In the widget configuration panel, rename the Title to "When do you need to receive this order by?" and turn on the Wrap title text toggle.
Scroll down to the widget Input section and select the Field for input dropdown, then select the Required By Date field.
In the interface body, select + Add Widget, then select the Input Type Dropdown widget in the right panel. The widget is added to the interface.
In the widget configuration panel, rename the Title to "Is this order a gift?" and turn on the Wrap title text toggle.
Scroll down to the widget Input section and select the Field for input dropdown, then select the Is Gift? field.
Turn on the Display options as a list toggle.
In the interface body, select + Add Widget, then select the Input Type Text widget in the right panel. The widget is added to the interface.
In the widget configuration panel, rename the Title to "Optionally, set a gift message:" and turn on the Wrap title text toggle.
Scroll down to the widget Input section and select the Field for input dropdown, then select the Gift Message? field.
Turn on the Enable Display Conditions toggle. A new conditions group displays.
Configure the conditions group to display the widget when Is Gift? is Equal to "Yes".
The interface is now complete with widgets for the various input fields and some conditional logic to only display the gift message input field when the user indicates the order is a gift. Next, we'll create the intake sequence to enable a user to complete this form.