Active Components

The widgets that are involved in building the application currently. It is a toolbox that shows the active elements being used in the app.

Basic

All the components are distributed into a tree view to interact conveniently. When the user drags a widget into the design layout, it is added to the Active Components section.

Layout

View

When a widget is part of another widget - for example - when a text input is placed inside a form widget, the text input is shown under the form component. Likewise - a tree view is formed among components using their master→children relationship.

Icon

Each component in the section is attached to a prefix-icon, that symbolizes the type of component.

Interaction

When the user clicks on a specific component in the Active Component section, the widget will be focused on the design layout and the respective Properties window is displayed for easy interaction and building.

Data

Exposed variables

A set of Properties is defined for each widget when it is used for building the app - For example: value and disabled. The values set in these properties are accessible as exposed variables using low-code methodology.

Click on the Data icon next to the component to see the exposed variables of the component

{{txtName.disabled}} 
//Returns the boolean value, originally set in the 'Disabled' property of the widget

Last updated