Skip to main content

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.