✏️ Form Designer Demo

Drag-and-drop form builder with AI optimization and smart suggestions

CalculatedFieldEditor Component

Create calculated fields with formulas and field dependencies.

Note: These components require real project and field IDs. Use them in project settings when creating/editing forms.

Use [field_name] to reference other fields. Supported operations: +, -, *, /, (), round(), etc.

DynamicSQLQueryEditor Component

Configure dynamic SQL queries for dropdown field options.

Only SELECT queries are allowed. Query must return columns named 'value' and 'label'. Example: SELECT id as value, name as label FROM users

Security Features

  • Only SELECT queries are allowed
  • Dangerous keywords (INSERT, UPDATE, DELETE, etc.) are blocked
  • Maximum 1000 results returned
  • Results are cached for performance

MatrixFieldBuilder Component

Build matrix fields with rows and columns.

Matrix Field Builder

Create a matrix/grid field with rows and columns

Auto-formatted to lowercase with underscores

Matrix Rows

Matrix Columns