Description:
This widget features a rich text editor form field to accept formatted text.
Inputs
- ID/Name - Name of widget generated by FlowWright (read-only field)
- Width (px) - Pixel width value
- Default value - Enter the text to display as the default value
- Hide - Select the checkbox to Hide (tick mark)
- Read Only - Select the checkbox to Read-Only (tick mark)
- Required - Select the checkbox for mandatory (tick mark)
- Save - Save the input values
- Delete - Remove this form widget from the designer page
- Close - Close the input popup window
Design:
Example:
Let’s build and execute the “RichTextEditorDef” example.
- Create a new Form Definition called “RichTextEditorDef.”
- Drag a “BootstrapGrid,” “Label,” “RichTextEditor,” and “Submit” control to the canvas and arrange them as shown below.
- Double-click the “RichTextEditor” widget to configure the “Settings” inputs. Provide a name for the control. Select the “Required” checkbox for mandatory input. Select the “Hide” checkbox to hide the widget at runtime. Select the “Read-Only” checkbox to view the list without making any selection. Click the Save button.
- Save the Form definition. Choose Actions > Create Form Instance. Generate a new Form instance, then check the box to edit it.
- The Form is rendered for the user, as shown below. Provide the user input as formatted text. Click the Submit button to complete.
Definition Sample:
You may download and extract the sample definition(s) from the link provided and later import them (drag-and-drop) into your FlowWright Process Definition (XML file) or Form Definition (HTML file) page.
Note: Please verify and complete the process steps for any missing configurations, such as file path references and database connections, after the import. Then, save the definition to confirm the changes.