Add fields to your form

Add inputs from the Components tab, then name them on the Main tab of the right panel.

Before you begin

Drag a Text field

  1. Open the Components tab.
  2. Find Text field under Inputs (use the search box if the list is long).
  3. Drag it onto the empty canvas (or click the + control in the center).
Empty canvas with Components palette filtered to Text field.Empty canvas with Components palette filtered to Text field.

Set label and key

Full name field selected with Label and Key on the Main tab.Full name field selected with Label and Key on the Main tab.
  1. Click the new field on the canvas to select it.
  2. On the right, open Main.
  3. Set Label to Full name (or your preferred label).
  4. Set Key to fullName (one word with no spaces; use camelCase if you add more fields).

Add a second field (optional)

Canvas with Full name and Email address fields, Components palette open.Canvas with Full name and Email address fields, Components palette open.
  1. Drag another Text field.
  2. Set Label to Email address and Key to email.

Check in Preview

  1. Click Preview in the header.
  2. Type into the fields.
  3. Click Edit to continue layout work.
Preview mode with Full name and Email address fields.Preview mode with Full name and Email address fields.

Check the result

  • New fields appear in the Tree under the screen root.
  • Preview shows labels you set on Main.

Summary

Drag fields from Components and configure them on Main. Keys identify stored values. Preview confirms labels and input behavior.

See also