Basic Components

The Basic Components section of the Form Builder includes commonly used elements essential for creating interactive and user-friendly forms. These components are found at the top of the component list.

Each component includes configurable settings and usage guidance to help you implement it effectively.

Component	Description	Use Case
Text Field	Short, general text input. Supports input masks, validations, and date/time picker.	General text entry, formatted inputs, and date/time selection.
Text Area	Multi-line text input. Includes WYSIWYG editor, image upload, and row control.	Rich text editing, media embedding, and long-form content.
Number	Numeric input only. Configurable options for thousands separators, decimal places, and decimal requirements.	Restricts input to numbers with formatting and precision controls.
Checkbox	Boolean input	True/false values and shortcuts

Text Field

Used for capturing short, general-purpose text. You can apply input masks and validations to enforce formatting. This component can also be adapted into a string-based date/time picker.

Setting	Description
Text Case	When a user enters data, the component automatically adjusts the case of the input based on your selected configuration. Mixed (Allow upper and lower case) Uppercase Lowercase

Text Area

A multi-line input field is ideal for longer text entries. It can be enhanced with a WYSIWYG editor for rich text formatting.

Unique Settings	Description
Rows	Sets the initial number of visible rows in the text area.
Editor Type	Converts the text area into a WYSIWYG editor. Options: Ace, CKEditor, Quill.
Image Upload	Enables image uploads within the editor.
Save Format	Determines how data is stored: String, JSON, or HTML.
Auto Expand	Automatically increases the height as the user types.
Editor Customization	Allows overriding the editor’s default UI and behavior (e.g., CKEditor).

Number

This field restricts input to numeric values only, ensuring data consistency for number-based entries.

Unique Settings	Description
Thousands Separator	Adds local delimiters to large numbers.
Decimal Places	Sets the maximum number of decimal digits.
Require Decimals	Ensures decimal values are always shown, even with trailing zeros.
Decimal Symbol	Customizes the symbol used for decimal separation.

Checkbox

A binary input component representing true/false values. You can assign keyboard shortcuts and modify the input type.

Unique Settings	Description
Boolean Input	Represents true/false values via states.
Keyboard Shortcut	Assigns a shortcut key to toggle the checkbox.
Input Type	Can be configured as a single checkbox or a multi-value radio input.
PDF Form Use	Radio input type is useful for dynamic values in PDF-first forms.