Skip to content

Basic Layout

Vijaivir Dhaliwal edited this page Mar 28, 2024 · 39 revisions

This documentation is no longer being updated. For the most up to date information please visit our techdocs

Home > CHEFS Components > Form Builder Components > Basic Layout


image The Basic Layout includes commonly used form components such as Text/Images, Columns, Tabs, and Panels. It serves as a solid foundation for designing visually appealing and well-structured forms.

Page content:

Text/Images

A text/image component merges text editing capabilities with the option to include images and multimedia content in a form or document. It offers users a user-friendly interface for editing and formatting text while integrating visuals like images and multimedia elements.

image

Columns

Back to top

This component allows you to group other components, such as Text Field, Text Area, Checkbox, and more, into columns that can be customized. You can use Columns when you want to show multiple components in a single line or to save space vertically on your form.

image

Tabs

Back to top

This component organizes different sets of fields into separate tabs. It works similarly to a step-by-step wizard, where users can switch between tabs using a navigation bar with tab buttons. Each tab can contain a specific group of components that can be accessed by clicking on the corresponding tab button.

image

It is also possible to control the current tab using "Previous" and "Next" Navigation Buttons.

Panel

Back to top

A Panel is a useful tool for grouping fields together with a title and visual style. It helps you organize your components and create a more visually appealing user interface.

image


Clone this wiki locally