Skip to content

Advanced Layout

ehanic1 edited this page Jun 9, 2023 · 40 revisions

Home> CHEFS Components > Form Builder Components > Advanced Layout


image Layout components in form builders allow users to structure and organize the various elements of a form effectively. They serve distinct purposes in defining the layout and presentation of form fields.

Page content:

HTML Element

Back to top

An HTML Element component may be added to a form to display a single HTML Element. This is useful if you wish to quickly insert and configure some HTML in your form. All unsafe HTML is stripped before rendering to prevent cross-site scripting exploits.

image

Content

Back to top

A Content component may be added to a form to provide non-field information such as contextual language, headers, or media. For example, if you need instructions at the top of a form that are for display only, use the Content component. The Content component value is not submitted back to the server. When compared to a text/image component, a content component offers additional logic and layout capabilities.

image

Columns

Back to top

The advanced column component groups various components, such as Text Fields, Text Areas, Checkboxes, etc., into customizable columns. It is used to display multiple components in a single line or save vertical space on a form. This component also provides additional logic and functionality for enhanced capabilities.

FieldSet

Back to top

A Field Set can be used to create a title for an area of the form or grouping of components. This is useful to put inside Layout components or in between lots of related components. The Field Set is for display only and will not be saved to the API.

image

Panel

Back to top

Table

Back to top

Tabs

Back to top

Well

Back to top

Clone this wiki locally