Page Comparison

Design

In the design section, users can create, modify, and style the HTML script.

Code

In the code section, users can create and edit HTML scripts directly.

Note: Whatever you write in the code section will automatically reflect in the design section code section.

Preview

The preview section displays a live view of how the design or code will appear in a web browser.

Value Destination Types

This attribute specifies whether the user wants to store a value in a variable or a model.
Variable: If you choose the variable option, you can select the variable where you want to save the field's value. You can bind this variable's value to the component by creating the appropriate variable.

Model: Here, you can select "Model" as the value destination. Select the existing model or create a new model.

Value Destination Variables

Here you can choose the variable option from this list.

Value Destination Model

• From the value destination model, you can select the specific model where you want to save the field's value.

• By using a model, you can bind a value to the component, with the value coming from the object used during model creation.

Visibility

Visibility Type

It determines whether a component is visible on the layout. It offers the following visibility types:

1. Always: The component will always be visible.

2. Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.

Component

Component Label

It simply shows the name of the Badge component.