Description
Use this widget as a container for other widgets.
Properties
General
Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Position and size
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
+ContainerDescription
Use this widget as a container for other widgets.
Properties
General
Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Group
ObjectReferenceThe name of the input group this widget belongs to.
Group index
NumberDefines the order of widgets within group. This is similar to tabindex in HTML:
+-
+
- if "Group index" is 0 then group order is the same as in Widgets Structure +
- if "Group index" is > 0 then widget is added to the group before any widget with "Group index" 0 and before any widget with the greater "Group index" value. That is, "Group index"=4 is added before "Group index"=5 and "Group index"=0, but after "Group index"=3. If multiple widgets share the same "Group index" value, their order relative to each other follows their position in the Widgets Structure. +
Position and size
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
Center widget
AnyIcons for horizontal and vertical centering of widgets within a page or parent widget.
Left
NumberX position of the component in relation to the page or parent widget. It is set in pixels.
Hint: when setting the value of this property (as well as the
@@ -51,6 +55,20 @@Top,WidthandHeightproperties), simple mathematical expressions can be used. When we enter an expression and press enter, the expression will be evaluated and the result set as the value of this property. It is allowed to use+,-,*and/operators in expressions. Brackets can also be used.- HOR: only scroll horizontally
- VER: only scroll vertically
- ALL: scroll any directions
+Scroll snap X
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the left side of a scrolled object +
- END: Align the children to the right side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object +
Scroll snap Y
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the top side of a scrolled object +
- END: Align the children to the bottom side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object
States
Checked
EXPRESSION (boolean)Toggled or checked state.
Checked state type
EnumHere we can choose whether the
Checkedstate will be calculated from the Expression or not.Disabled
EXPRESSION (boolean)Disabled state
Disabled state type
EnumHere we can choose whether the
Disabledstate will be calculated from the Expression or not.Focused
BooleanFocused via keypad or encoder or clicked via touchpad/mouse.
Focus key
BooleanFocused via keypad or encoder but not via touchpad/mouse
Pressed
BooleanBeing pressed.
Events
Event handlers
ArrayList of event handler definitions. During execution, the widget can generate certain events (e.g. the
CLICKEDevent is generated when the touchscreen is pressed and released within the Widget) and through this list we can specify the method of event processing. We must define these properties for each event handler:Event– Event that is processed, e.g.CLICKED.
diff --git a/docs/components/html/en-US/Counter.html b/docs/components/html/en-US/Counter.html
index bbfaa4866..a113b73d3 100644
--- a/docs/components/html/en-US/Counter.html
+++ b/docs/components/html/en-US/Counter.html
@@ -6,7 +6,7 @@
-Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
+PanelDescription
It is used to group several Widgets, and it is used when we want to additionally organize a page that contains a large number of Widgets or if we want to perform some operation on several Widgets at once, e.g. hide using the
Hiddenflag of the Panel. When the Widget is inside the Panel, then its left and top coordinates are relative to the left and top of the Panel, which means that when the Panel is moved, all the Widgets inside it are also moved. Widgets are added to the Panel via the Widgets Structure panel using drag and drop.Properties
General
Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Group
ObjectReferenceThe name of the input group this widget belongs to.
Group index
NumberDefines the order of widgets within group. This is similar to tabindex in HTML:
+-
+
- if "Group index" is 0 then group order is the same as in Widgets Structure +
- if "Group index" is > 0 then widget is added to the group before any widget with "Group index" 0 and before any widget with the greater "Group index" value. That is, "Group index"=4 is added before "Group index"=5 and "Group index"=0, but after "Group index"=3. If multiple widgets share the same "Group index" value, their order relative to each other follows their position in the Widgets Structure. +
Position and size
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
Center widget
AnyIcons for horizontal and vertical centering of widgets within a page or parent widget.
Left
NumberX position of the component in relation to the page or parent widget. It is set in pixels.
Hint: when setting the value of this property (as well as the
@@ -51,6 +55,20 @@Top,WidthandHeightproperties), simple mathematical expressions can be used. When we enter an expression and press enter, the expression will be evaluated and the result set as the value of this property. It is allowed to use+,-,*and/operators in expressions. Brackets can also be used.- HOR: only scroll horizontally
- VER: only scroll vertically
- ALL: scroll any directions
+Scroll snap X
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the left side of a scrolled object +
- END: Align the children to the right side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object +
Scroll snap Y
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the top side of a scrolled object +
- END: Align the children to the bottom side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object
States
Checked
EXPRESSION (boolean)Toggled or checked state.
Checked state type
EnumHere we can choose whether the
Checkedstate will be calculated from the Expression or not.Disabled
EXPRESSION (boolean)Disabled state
Disabled state type
EnumHere we can choose whether the
Disabledstate will be calculated from the Expression or not.Focused
BooleanFocused via keypad or encoder or clicked via touchpad/mouse.
Focus key
BooleanFocused via keypad or encoder but not via touchpad/mouse
Pressed
BooleanBeing pressed.
Events
Event handlers
ArrayList of event handler definitions. During execution, the widget can generate certain events (e.g. the
CLICKEDevent is generated when the touchscreen is pressed and released within the Widget) and through this list we can specify the method of event processing. We must define these properties for each event handler:Event– Event that is processed, e.g.CLICKED.
diff --git a/docs/components/html/en-US/Plotly.html b/docs/components/html/en-US/Plotly.html
index 257fb6780..8e77526f6 100644
--- a/docs/components/html/en-US/Plotly.html
+++ b/docs/components/html/en-US/Plotly.html
@@ -6,7 +6,7 @@
-Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
+SpinnerDescription
Use this Widget to show that some operation is in progress or something is loading, etc.
Properties
General
Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Group
ObjectReferenceThe name of the input group this widget belongs to.
Group index
NumberDefines the order of widgets within group. This is similar to tabindex in HTML:
+-
+
- if "Group index" is 0 then group order is the same as in Widgets Structure +
- if "Group index" is > 0 then widget is added to the group before any widget with "Group index" 0 and before any widget with the greater "Group index" value. That is, "Group index"=4 is added before "Group index"=5 and "Group index"=0, but after "Group index"=3. If multiple widgets share the same "Group index" value, their order relative to each other follows their position in the Widgets Structure. +
Position and size
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
Center widget
AnyIcons for horizontal and vertical centering of widgets within a page or parent widget.
Left
NumberX position of the component in relation to the page or parent widget. It is set in pixels.
Hint: when setting the value of this property (as well as the
@@ -51,6 +55,20 @@Top,WidthandHeightproperties), simple mathematical expressions can be used. When we enter an expression and press enter, the expression will be evaluated and the result set as the value of this property. It is allowed to use+,-,*and/operators in expressions. Brackets can also be used.- HOR: only scroll horizontally
- VER: only scroll vertically
- ALL: scroll any directions
+Scroll snap X
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the left side of a scrolled object +
- END: Align the children to the right side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object +
Scroll snap Y
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the top side of a scrolled object +
- END: Align the children to the bottom side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object
States
Checked
EXPRESSION (boolean)Toggled or checked state.
Checked state type
EnumHere we can choose whether the
Checkedstate will be calculated from the Expression or not.Disabled
EXPRESSION (boolean)Disabled state
Disabled state type
EnumHere we can choose whether the
Disabledstate will be calculated from the Expression or not.Focused
BooleanFocused via keypad or encoder or clicked via touchpad/mouse.
Focus key
BooleanFocused via keypad or encoder but not via touchpad/mouse
Pressed
BooleanBeing pressed.
Events
Event handlers
ArrayList of event handler definitions. During execution, the widget can generate certain events (e.g. the
CLICKEDevent is generated when the touchscreen is pressed and released within the Widget) and through this list we can specify the method of event processing. We must define these properties for each event handler:Event– Event that is processed, e.g.CLICKED.
diff --git a/docs/components/html/en-US/Start.html b/docs/components/html/en-US/Start.html
index 6a79575b1..4ef69bd0f 100644
--- a/docs/components/html/en-US/Start.html
+++ b/docs/components/html/en-US/Start.html
@@ -6,7 +6,7 @@
-Tab name
EXPRESSION (string)The name of the tab.
Tab name type
EnumHere we can choose whether the
Nameproperty will be calculated from the Expression.Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
+TabDescription
This widget should be used as a child of Tabview widget. See Tabview widget for the more details.
Properties
Specific
Tab name
EXPRESSION (string)The name of the tab.
Tab name type
EnumHere we can choose whether the
Nameproperty will be calculated from the Expression.
General
Name
StringWidget name. We reference the Widget within the project by its name, for example in the LVGL action. For each Widget, we must choose a unique name within the entire project. This field is optional and does not need to be set if we do not need to reference the Widget.
Group
ObjectReferenceThe name of the input group this widget belongs to.
Group index
NumberDefines the order of widgets within group. This is similar to tabindex in HTML:
+-
+
- if "Group index" is 0 then group order is the same as in Widgets Structure +
- if "Group index" is > 0 then widget is added to the group before any widget with "Group index" 0 and before any widget with the greater "Group index" value. That is, "Group index"=4 is added before "Group index"=5 and "Group index"=0, but after "Group index"=3. If multiple widgets share the same "Group index" value, their order relative to each other follows their position in the Widgets Structure. +
Position and size
Align and distribute
AnyAlignment icons and component distribution. Alignment icons appear when two or more components are selected, and distribution icons appear when three or more components are selected.
Center widget
AnyIcons for horizontal and vertical centering of widgets within a page or parent widget.
Left
NumberX position of the component in relation to the page or parent widget. It is set in pixels.
Hint: when setting the value of this property (as well as the
@@ -51,6 +55,20 @@Top,WidthandHeightproperties), simple mathematical expressions can be used. When we enter an expression and press enter, the expression will be evaluated and the result set as the value of this property. It is allowed to use+,-,*and/operators in expressions. Brackets can also be used.- HOR: only scroll horizontally
- VER: only scroll vertically
- ALL: scroll any directions
+Scroll snap X
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the left side of a scrolled object +
- END: Align the children to the right side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object +
Scroll snap Y
EnumThe children of an object can be snapped according to specific rules when scrolling ends.
+An object can align snapped children in four ways:
+-
+
- NONE: Snapping is disabled. (default) +
- START: Align the children to the top side of a scrolled object +
- END: Align the children to the bottom side of a scrolled object +
- CENTER: Align the children to the center of a scrolled object
States
Checked
EXPRESSION (boolean)Toggled or checked state.
Checked state type
EnumHere we can choose whether the
Checkedstate will be calculated from the Expression or not.Disabled
EXPRESSION (boolean)Disabled state
Disabled state type
EnumHere we can choose whether the
Disabledstate will be calculated from the Expression or not.Focused
BooleanFocused via keypad or encoder or clicked via touchpad/mouse.
Focus key
BooleanFocused via keypad or encoder but not via touchpad/mouse
Pressed
BooleanBeing pressed.
Events
Event handlers
ArrayList of event handler definitions. During execution, the widget can generate certain events (e.g. the
CLICKEDevent is generated when the touchscreen is pressed and released within the Widget) and through this list we can specify the method of event processing. We must define these properties for each event handler:Event– Event that is processed, e.g.CLICKED.
diff --git a/docs/components/html/en-US/Table.html b/docs/components/html/en-US/Table.html
index b9cf722a6..4e2fdb6ab 100644
--- a/docs/components/html/en-US/Table.html
+++ b/docs/components/html/en-US/Table.html
@@ -6,7 +6,7 @@
TabDescription
This widget should be used as a child of Tabview widget. See Tabview widget for the more details.
Properties
Specific
General
Position and size
SpinnerDescription
Use this Widget to show that some operation is in progress or something is loading, etc.
Properties
General
Position and size
PanelDescription
It is used to group several Widgets, and it is used when we want to additionally organize a page that contains a large number of Widgets or if we want to perform some operation on several Widgets at once, e.g. hide using the
Hiddenflag of the Panel. When the Widget is inside the Panel, then its left and top coordinates are relative to the left and top of the Panel, which means that when the Panel is moved, all the Widgets inside it are also moved. Widgets are added to the Panel via the Widgets Structure panel using drag and drop.Properties
General
Position and size