Rich Text Field

The rich text field in the form designer allows users filling out the form to format their submissions using a rich text editor. Form users can add bullet points, style text, and include links in their submissions.

Settings

Editing a Rich Text Field in the Form Designer

  1. Select the field on the canvas, and the options will appear in the right pane.
  2. Type the field label under Field label.
  3. Type a name for the field variable for this field under Variables. If you do not specify a name, one will be assigned based on the field label.
  4. Under Text above field and Text below field, you can enter any additional text that should appear with the field. Click the Insert variable button to include a variable with this text.
  5. Under Display options, select Required if users must fill in this field before submitting the form. Select Read-only if users should not be allowed to modify this field.
  6. Under Placeholder text, specify text to be displayed that will disappear when the user enters text in the field and will not be submitted.
  7. Under Default, specify content to be displayed in the field when a user opens the form.
  8. To configure advanced options, click the Advanced tab.
    • Under Tooltip, specify the help text that will appear when users hover over the field.
    • Under CSS classes, specify the CSS classes to assign this field. Learn more about using CSS.
  9. Select the Rules tab to create field rules specific to this field. Learn more about using rules.
  10. Your changes will be applied to the form automatically.

Note: The labels, tooltip, text above, and text below settings in the form designer support the use of simple HTML markup for formatting purposes.

Editing a Rich Text Field in the Classic Form Designer

  1. Select the field on the canvas and click Edit.
  2. Under Field label, enter the field label that appears next to the field on the form.
  3. Under Variable, specify a name for the field variable associated with this field. If you do not specify a variable name, Forms automatically assigns the field one based on its label. Learn more about variables
  4. Under Field options, specify whether the field is required and/or read-only.
    • Select Required if users must fill this field before submitting the form. When this option is selected, a red asterisk appears to the right of the field name. If a user attempts to submit the form without completing the field, the error “Value is required.” appears below the field.
    • Select Read-only if users are not allowed to modify this field. When this option is selected, a form user can only view the content of the rich text field. The user cannot interact with the content.
  5. Under Text above field and Text below field, you can enter any additional text to appear with the field. Click the Insert variable button to include a variable with this text.
  6. Under Field width, select the width of the rich text field. When the width is smaller than “X-Large”, some options are displayed in a More button in the top bar.
  7. Under Field height, specify the height of the field in pixels (px). A scroll bar appears if the person filling out the form enters more lines than specified here. The default height is 200px.
  8. Under Default value, specify the content displayed in the field when a user opens the form.
  9. To configure advanced options, click the Advanced tab.
    • Under Tooltip, specify the help text that will appear when users hover over the field.
    • Under CSS class, specify a CSS class to assign this field.
  10. When you are finished editing the field settings, click Done. Your changes will be applied to the form automatically.