AppStudio Built-in properties

A callback function that is executed when the TComponent instance is created. This callback is executed only once and applicable to all "TComponent" instances.

A callback function that is executed when the TComponent is mounted to the DOM and rendered. This callback is executed only once after the component is first rendered, applicable to all TComponent instances.

A callback function that is executed when the component is clicked. This applies only to components created from TComponents.Button, TComponents.DigitalLed, and TComponents.Image.

A callback function that is executed when the component value is changed. This applies only to components created from TComponents.DigitalLed, TComponents.Hamburger, TComponents.Input, TComponents.Menu_A, TComponents.MultiView, TComponents.Select, TComponents.Switch, TComponents.Tab, and TComponents.VarIncrDecr_A.

A callback function that is executed when the pointer is released on the component. This applies only to components created from TComponents.Button.

A callback function that is executed when the pointer is pressed on the component. This applies only to components created from TComponents.Button.

The web CSS position property of the component (e.g., 'static', 'absolute'). The default value is absolute. This applies to all components.

The width property of the component. This applies to all components.

The height property of the component. This applies to all components.

The top offset property of the component. This applies to all components.

The left offset property of the component. This applies to all components.

The border radius property of the component. This applies to all components.

The rotation angle property of the component. This applies to all components. This property takes effect from version 1.2.0..

The layout canvas index property of the component. This determines component's stacking order. This applies to all components.

The tool tips that are displayed when the button is disabled and hovered. This applies only to components created from TComponents.Button.

The icon that is displayed on the components. If no icon is defined, "null" will be displayed. The icon comes from the form provided by AppStudio (see link: xxxx). This applies only to components created from TComponents.Button, TComponents.Hamburger, and TComponents.Tab.

The text that is displayed on the component. This applies only to components created from TComponents.Button, TComponents.Text, TComponents.Select, TComponents.Input, TComponents.DigitalLed, and TComponents.VarIncrDecr_A.

Text and icon color of the component.

Font configuration for the component text.

Background color of the component.

Border style for the component (e.g., '1px solid transparent').

Functionality configuration for the component.

Style template for the component.

Configuration object for an input variable. It defines the type, function, and value of the input variable, which can be customized for different use cases. inputVar.type: Component_A.INPUTVAR_TYPE.BOOL inputVar.func: Component_A.INPUTVAR_FUNC.CUSTOM inputVar.value: '0' (string)

This applies to input variables in TComponents where specific configurations are needed.

Indicates whether to display a title for the component.

Indicates whether the component is read-only.

Component title. Default value is an empty string.

Indicates whether the component is always visible. Default value is "true".

Current active view index. Default value is "0".

Indicates whether to use an icon for the views. Default value is "true".

List of the views associated with the container component. Default value is an empty array.

Layout configuration for the TComponents.LayoutInfobox component. Defines the layout configurations and container settings for the component, including the settings for the child containers that are created from TComponents.Container_A, the layout direction, size and style. This applies only to the TComponents.LayoutInfobox component.

The source URL of the image. This applies only to components created from TComponents.Image.

The CSS style applied to the image. It is set to {objectFit: 'fill'} by default. This applies only to components created from TComponents.Image.

Whether to display a border around the input field. It is set to true by default. This applies only to components created from TComponents.Input and TComponents.VarIncrDecr_A.

A regular expression object used for validating the input value. This applies only to components created from TComponents.Input and TComponents.VarIncrDecr_A.

Guidance information for the input field, which will help users understand the kind of the input expected. This applies only to components created from TComponents.Input and TComponents.VarIncrDecr_A.

The increment step value of the input field. Default value is '1'. This applies only to components created from TComponents.VarIncrDecr_A.

The range object defining the minimum and maximum values of the input. This applies only to components created from TComponents.VarIncrDecr_A.

The actual value of the selected item in the dropdown list. This value corresponds to the value part of the selected item in optionItems.

The index of the current selected dropdown item. Indexing starts from 0 for the first item.

A string representation of the dropdown items. Each item is formatted as key|value (e.g., text1|value1) and separated by a semicolon ;. New lines (\n) are allowed for readability, but will be treated as separators.