HTML

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

1st Step – Design

This is the first step of the “HTML” 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 (mandatory): 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. HTML: Defines the HTML content or structure to be rendered within the component.
5. Mapping Fields: Specifies the fields used to map data between the component and the data source, enabling seamless integration and data binding.

2nd Step – Advance

1. Bootstrap Column Class: Specifies a predefined Bootstrap CSS class to style and format the component, enabling quick customization and responsive design.
2. Custom Class: Specifies a user-defined CSS class to apply custom styles and formatting to the component.
3. Style: Defines CSS styling to customize the appearance and layout of the component directly.

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