TextArea Widget

Use this widget to render a text area.

Last published at: June 3rd, 2024

Description:

Renders a text area control on the form.

Inputs

  • ID/Name - Name of widget generated by FlowWright (read-only field)
  • Placeholder - Enter text to display on the render
  • Required - Select the checkbox for mandatory (tick mark)
  • Hide - Select the checkbox to Hide (tick mark)
  • Read Only - Select the checkbox to Read-Only (tick mark)
  • Tool Tip - Enter information to display on mouse hover on form render
  • Styles - Enter the CSS scripts for widget styles
  • Apply Classes - Select between custom classes defined
  • Maximum Allowed Characters - Enter value to accept maximum allowed chars (in v9.12)
  • Maximum Allowed Words - Enter value to accept maximum allowed words (in v9.12)
  • Save - Save the input values 
  • Delete - Remove this form widget from the designer page 
  • Close - Close the input popup window
 

 

Note

The Text Area widget shall accept line breaks and manual space as indentations. Using tabs, soft line breaks, and other text styles are not suggested due to 3rd party component constraints.  

Design:

 

 

Example: 

Let’s build and execute the “TabWidgetDef” example.  

  • Create a new form definition called  “TabWidgetDef” 
  • Select the Open Designer checkbox and click the “Create” button
  • Drag a Text Area widget to the canvas
  • Double-click on the Text Area widget to configure the inputs as shown in the graphic below

 

  • Click on the Styling Tab to configure the inputs as shown in the graphic below

 

  • Click on the Others Tab to configure the inputs as shown in the graphic below

 

  • Click on the Save button and Close the popup window
  • Navigate to the UI menu and Preview the form. The rendered widget will appear as shown in the below graphic. 
  • Note:
    • The text area widget shall accept line breaks and is rendered as shown in the graphic below.
    • The text area control content can be limited by # of characters or words.