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.

  1. From the Tools list, drag and drop the Column component onto the form.

  2. To customize the component, place the mouse pointer on the component and click Edit.

  3. 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.

  4. 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.

Did this answer your question?