A Content component may be added to a form to provide non-field information. For example, if you need instructions at the top of a form that are for display only, use the Content component. The Content component's value is not submitted back to the server.
A WYSIWYG editor has been provided to help with formatting the content. If you use the HTML view of the editor, please note that all unsafe HTML is stripped before rendering to prevent cross-site scripting exploits. This includes tags like <script>, <embed>, and <style>, and attributes like on mouseover or onload.
Display Tab:
- Label: You can place the title or name in this component.
- Custom CSS Class: In this setting, you can add a CSS class. Multiple classes can be added, and class names should be separated by only a space.
- Refresh on Change: It makes the HTML Element re-render whenever any value in the form changes. It might be useful when you want the HTML Element to display dynamic data from other components after they are filled in with values during the form filling. Simply enter {{data.{componentApiKey}}} into the HTML Element and enable this setting.
- Hidden: Enabling this setting will hide your field from viewing when the form is extracted.
- Table View: When this setting is enabled, the data on this component will only show up in the Submission list of the table view.
API Tab:
- Property Name: In this setting, you can provide the name of the field in the API endpoint.
- Field Tags: In this setting, you can enter the tags for the field that can be used in custom logic.
- Custom Properties: In this setting, you can enter any custom properties to configure this component.
Conditional Tab:
- This component should Display: In this setting, you can choose "True and False" if this component should display.
- When the form component: In this setting, you can choose if you want the component to be displayed after it is submitted.
- Has the value: In this setting, you can choose the value of the component when it will be hidden or displayed.
Layout Tab:
- HTML Attributes: In this setting, you can enter HTML attributes map for the component's input.