Form Controls

Form Controls are the cornerstone feature of the Form Builder tool, offering users a rich selection of interactive HTML components to seamlessly integrate into their forms. Designed to provide both visual appeal and functional utility, Form Controls empower users to craft dynamic and engaging forms for a wide range of purposes.

Key Features:

Interactive HTML Components:

Form Controls encompass a diverse array of interactive HTML elements that users can select and incorporate into their forms. These components include but are not limited to text fields, dropdown menus, and checkboxes.
Drag-and-Drop Functionality:

Users can easily add Form Controls to their forms using the intuitive drag-and-drop interface. This streamlined process allows for effortless placement and arrangement of controls within the form sheet, enhancing user productivity and efficiency.
Visual Representation:

Each Form Control provides a visual representation of the input it facilitates, giving users a clear and tangible preview of how data will be collected within the form. This visual feedback enables users to make informed decisions about control selection and placement, fostering a more intuitive form-building experience.
Customization Options:

Form Controls offer a range of customization options to suit the specific needs and preferences of users. From styling attributes such as shape, size, and label to functional settings such as validation rules and default values, users have the flexibility to tailor each control to their desired specifications.

Benefits:

Enhanced User Experience: By providing a visual and structured representation of input fields, Form Controls enhance the overall user experience, making it easier for respondents to interact with and submit data through the form.
Effiency and Productivity: The intuitive drag-and-drop interface and customizable features of Form Controls streamline the form-building process, enabling users to create polished and professional-looking forms in less time.
Versatility and Adaptability: With a diverse selection of Form Controls to choose from, users can create forms for a wide range of purposes, spanning from simple contact forms to complex surveys and data collection tools.

Control Types and Settings

Text

This control has no input functionality it only shows text on the sheet normally used as a label, title, header or paragraph for your form.

Setting	Description
Text	The actual text to show on the sheet
Size	Change font size
Align	Use different position
Style	Add visual style

Text Input

A text input allows the user to enter any combination of letters, numbers, or symbols. You can use them for long and short-form entries.

Text Area

This is a multi-line text input control. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font.

These settings apply for both Text Input and Text Area.

Setting	Description
Read Only	Remove the ability to use the field
Disabled	Remove the ability to interact with the field
Label	A text label that will “float” up above the input field, once the field gets focus
Default Value	This value will always appear on a new form entry
Clearable	Appends clearable button when a value is set; When clicked, removes the value
Prefix	Add something at the beginning of the field
Suffix	Add something at the end of the field
Hint	Helper (hint) text which gets placed below the form control
Style	Input design for visual appeal
Shape	Additional style shape

Select

The select control is used to create a drop-down list with multiple options that the user can choose from.

Checkbox

The checkbox is shown as a square box that is ticked (checked) when activated. Checkboxes are used to let a user select one or more options of a limited number of choices.

Thesse settings apply for both Select and Checkbox.

Setting	Description
Read Only	Remove the ability to use the field
Disabled	Remove the ability to interact with the field
Label	A text label that will “float” up above the input field, once the field gets focus
Default Value	This value will always appear on a new form entry
Clearable	Appends clearable button when a value is set; When clicked, removes the value
Prefix	Add something at the beginning of the field
Suffix	Add something at the end of the field
Hint	Helper (hint) text which gets placed below the form control
Options	Each selectable option on the list
Style	Input design for visual appeal
Shape	Additional style shape