Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.formora.site/llms.txt

Use this file to discover all available pages before exploring further.

Formora provides a range of standard input fields to cover most data collection needs. Additionally, there are specialized fields for more unique inputs, and advanced property configurations for standard fields that unlock further capabilities. This guide covers the Color Picker field and touches upon how advanced properties on other field types can be utilized. For general properties applicable to most fields (like Label, Placeholder, Help Text, Required, Conditional Logic), refer to the Field Properties page.

​
Dedicated Advanced Input Fields

Allows users to select a color, typically using a visual color palette or by inputting a HEX/RGB code. Useful for customization options or preference selection.Use Cases:
  • Product customization (e.g., choosing a t-shirt color).
  • Branding preferences (e.g., selecting a primary brand color).
  • Design choices in a creative brief.
  • Setting a color for an avatar or profile theme.
Specific Properties:
  • Default Color: Pre-select a default color value.
  • Allowed Palette: (If supported) Restrict users to a predefined set of color choices.
  • Output Format: (If configurable) Specify whether the selected color is saved as a HEX code (e.g., #FF5733), RGB values (e.g., rgb(255, 87, 51)), or HSL.
  • Show Input Field: Option to allow users to manually type a color code in addition to using the visual picker.
A color picker input field example.

​
Leveraging Advanced Properties on Standard Fields

Many standard field types in Formora can be enhanced with advanced validation and behavior through their properties attribute. While these aren’t separate “advanced fields,” they provide sophisticated control:

Advanced Text Input Validation

For Single Line Text fields (type: "text"), you can use properties like:
  • minLength and maxLength: Define character limits.
  • pattern: Specify a Regular Expression (Regex) for custom input validation (e.g., for specific ID formats, voucher codes).
  • patternValidationMessage: Customize the error message shown if the regex pattern doesn’t match. This allows for powerful, tailored text input validation beyond basic requirements.

Advanced Number Input Control

For Number fields (type: "number"), advanced properties include:
  • minValue and maxValue: Set strict numerical boundaries.
  • integerOnly: Restrict input to whole numbers. These ensure more precise numerical data collection.

File Upload Specifications

File Upload fields (type: "file") offer granular control through properties:
  • maxFileSizeMB_perFile: Limit the size of each uploaded file.
  • allowedFileTypes: Specify acceptable MIME types or extensions (e.g., ["image/jpeg", "application/pdf"]). This helps in managing uploads and ensuring users submit appropriate files.
The exact structure and availability of these advanced properties are defined within the properties JSON object for each field. When editing a field in the Form Builder, the Properties Panel may expose these advanced options directly or through a dedicated “Advanced” or “Validation” tab for the field.
By combining dedicated advanced fields like the Color Picker with the advanced property configurations of standard fields, you can build highly specific and robust forms tailored to virtually any data collection requirement. Following this, learn about Field Properties in general.