Divide the form into columns
The Columns component is used to place multiple components next to each other.
For Example: To place the fields representing service name and service provider name next to each other.
To view examples of this component, from the sample forms, visit the Botox Treatment form. The fields, Patient name, DOB, and Date of appointment are placed inside a component.
From the Tools list, drag and drop the Column component onto the form.
To customize the component, place the mouse pointer on the component and click Edit.
To set column properties, under the Basic tab, from the Column properties list, select a size from xs to xl.
Note
After the column component is placed on the form, one component must be added to each column to fit into the layout.
If you want to customize other settings, refer to the table below.
Click Save.
Action | Perform these steps |
|---|---|
Automatically adjust the column size based on the size of the added components | Under the Basic tab, select the Auto adjust columns check box. |
Ensure that the guest cannot change the contents of the field | Under the Basic tab, select the Make field read-only for guest (on CMA, Kiosk, Webstore, Zenoti Mobile guest mode) check box. |
To not display the field to the guests on CMA, Kiosk, Webstore, ZMA guest mode | Under the Basic tab, select the Hide field from guest (on CMA, Kiosk, Webstore, Zenoti Mobile guest mode) check box. |
Note
You can make a field appear or disappear on the form based on the value of another field.