Editor

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 “Editor” 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. 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.
4. Height: Specifies the vertical size of the component, allowing customization of its display area in the user interface.
5. 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. Editable?: This button is selected as “Yes” if you need to make this Control editable
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. Show Toolbar?: This button is set as “Yes” if you need to show the toolbar in the Editor
2. Bootstrap Column Class: Specifies a predefined Bootstrap CSS class to style and format the component, enabling quick customization and responsive design.
3. Description: Enter extra suggestions for user experience on this field

Click “Confirm” and “Editor” control is configured.