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 name the field, under the basic tab, in the Label field, enter a label.
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.
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.