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.

Field settings

To edit a rich text field

  1. Select the field on the canvas and the options will appear in the right pane.
  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 Text above field and Text below field, you can enter any additional text to appear with the field.
  5. Under Display 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.
  6. Under Placeholder Text, enter the value that will appear in the field by default. This text will not be saved in a submission and is for disply-only to assist the user. Click the Insert Variables button to use a variable as part of the placeholder text.

  7. Under Default value, specify the content displayed in the field when a user opens the form.
  8. To configure advanced options, click the Advanced tab.
    1. Under Tooltip, specify the help text that will appear when users hover over the field.
    2. Under CSS class, specify a CSS class to assign this field.
  9. When you are finished editing the field settings, click Done.

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

  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.
  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.
    1. Under Tooltip, specify the help text that will appear when users hover over the field.
    2. Under CSS class, specify a CSS class to assign this field.
  10. When you are finished editing the field settings, click Done.