Design Settings

General

Hide field label

Don't display field name on the frontend.

Inline elements

Display elements of the field such as radio or checkboxes inline instead of the column.

Custom attributes

Specify custom input attributes here such as readonly or disabled.

Responsive Design

Large screen width

Proportion of the fieldset width for large size screen devices such as PC, Macbook, iMac etc.

Medium screen width

Proportion of the fieldset width for medium size screen devices such as iPad, Galaxy Tab, Surface etc.

Small screen width

Proportion of the fieldset width for small size screen devices such as iPhone, Galaxy, Pixel etc.

Large screen start new row

Display the element in a new row. Use it to fix unwanted automatic element placement.

Medium screen start new row

Display the element in a new row. Use it to fix unwanted automatic element placement.

Small screen start new row

Display the element in a new row. Use it to fix unwanted automatic element placement.

CSS

CSS classes for the Container element

Set CSS classes for the container element that holds Label and Input elements.

CSS classes for the Input element

You can use it for additional field validation (see Prototype validation classes).

Additional CSS style for the input element

Add custom stylization to the input element.

Results / Notifications

Display field

Display field in result / notification messages.

Browser

Browser autocomplete

This attribute can be used across web-sites to pre-fill field with commonly used data such as name, email, telephone etc. This feature engages when user starts typing.

note

Browser autocomplete only works in browsers that support it and have it enabled.