Labels and help text

Clear labels and help text reduce errors. Most text fields expose these settings on Main when the field is selected.

Example: work email field

Step 1: Select the field

1. Click the field on the canvas, or select it in Tree (key workEmail in the finished example).

Step 2: Edit on Main

1. Open Main on the right.
2. Update Label (or Title) to the text users should see (for example Business email).
3. Set Placeholder for gray hint text inside empty inputs (for example name@company.com).
4. Set Helper text or Description when the component offers it (for example Use your work address.).

Step 3: Check in Preview

1. Click Preview.
2. Confirm the label and helper text read naturally and are not cut off on narrow widths.

Multiple languages

If your project enables localization, labels may come from translation files. Depending on the configuration, authors may also be able to edit localized strings in Designer. Ask your administrator how your team manages translations.

Summary

Labels and hints live on Main for the selected field. Verify the wording in Preview, and coordinate with your team for non-English locales.

See also

• What is form data?
• Localization (developers)