Text Area

You have to go through a three-step form wizard to enable this Control, i.e., Design, Validation & Advance. Let’s explain these steps below:

1st Step – Design

This is the first step of the “Text Area” control form wizard. Here you are required to fill in the following details:

  1. Database Field Name (mandatory): Defines the name of the database field to which the component's data will be mapped and stored.
  2. Label Name: Specifies the display name or title for a field or control in the user interface.
  3. Placeholder: Defines the hint text displayed inside a form field or input box when it is empty, providing guidance on the expected input.
  4. Height: Specifies the vertical size of the component, allowing customization of its display area in the user interface.
  5. Column Width: Specifies the width of a column in a layout or grid system, allowing control over how much space the column occupies relative to others.
  6. Enable Tooltip?: This button is set as “Yes” if you need to enable Tooltip Text in this Control
    1. Tooltip Text: Defines the text to be displayed in the tooltip when the user hovers over the icon.
    2. Select Tooltip Position: Select tooltip position from the following Top, Right, Bottom, or Left

2nd Step – Validation

  1. Text Limit: Define the text limit of this Control
  2. Is Mandatory?: This button is set as “Yes” if you need to apply this Control as mandatory
    1. Error Message: Here, you can define the error message that will be displayed if this control is left blank.

3rd Step – Advance

  1. Enable AI Suggestions?: Allows the system to provide AI-generated suggestions to assist users during input or decision-making processes.
  2. AI Suggestion Attachment?: Enables the inclusion of AI-generated suggestions as attachments or additional content in forms or messages.
  3. Enable Azure Text Analysis: Activates Azure Text Analysis for the control, allowing text inputs to be analyzed using Azure's text analysis services for insights like sentiment, key phrases, and language detection.
    1. Text Analysis Type: Specifies the type of Azure Text Analysis to perform, such as sentiment analysis, key phrase extraction, or language detection.
    2. Text Analysis On: On Text Change or On Blur
    3. Text Analysis Response Field (mandatory): Azure text analysis response will be stored in the model with the given field
  4. Description: Enter extra suggestions for user experience on this field
  5. Bootstrap Column Class: Specifies a predefined Bootstrap CSS class to style and format the component, enabling quick customization and responsive design.
  6. Align Self: Defines the alignment of a specific item within a flex container, allowing it to override the container's default alignment rules.
  7. Flex: Specifies how a flex item will grow, shrink, or maintain its size within a flex container, determining its proportion relative to other items.
  8. Form Control Margin Bottom: Defines the spacing below a form control element, allowing customization of the vertical gap between controls for better layout and design consistency.

Click “Confirm” and “Text Area” control is configured.