diff --git a/docs/components/html/en-US/AnimationImage.html b/docs/components/html/en-US/AnimationImage.html index e1e6c4d5e..a139dcfcc 100644 --- a/docs/components/html/en-US/AnimationImage.html +++ b/docs/components/html/en-US/AnimationImage.html @@ -41,7 +41,7 @@
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style used to render the text inside the Widget.
Style used to render the Threshold1
value.
Style used to render the Threshold2
value.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style used to render the text inside the Widget.
Style used to render the Threshold1
value.
Style used to render the Threshold2
value.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style to be used for rendering if the Widget is enabled.
Style to be used for rendering if the Widget is disabled.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style to be used for rendering if the Widget is enabled.
Style to be used for rendering if the Widget is disabled.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style to be used for rendering if the Widget is enabled.
Style to be used for rendering if the Widget is disabled.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style to be used for rendering if the Widget is enabled.
Style to be used for rendering if the Widget is disabled.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style is used to render a button that is not selected.
Style used to render the selected button.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style is used to render a button that is not selected.
Style used to render the selected button.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
Optional name to display in the Widgets Structure panel in the editor. If not set then Container
is displayed.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
Optional name to display in the Widgets Structure panel in the editor. If not set then Container
is displayed.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style to be used for rendering if the Widget is in focus.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style to be used for rendering if the Widget is in focus.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
Style used to render the bar inside the Widget.
Style used to render the value specified through Data
.
The style used to render the ticks on the scale.
Style used to render the threshold line.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
Style used to render the bar inside the Widget.
Style used to render the value specified through Data
.
The style used to render the ticks on the scale.
Style used to render the threshold line.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.This Widget displays an image.
-The name of the bitmap to be displayed.
X position of the center of rotation. If left blank, the center of rotation is in the middle of the Widget.
Y position of the center of rotation. If left blank, the center of rotation is in the middle of the Widget.
Scale factor. Set factor to 256
to disable zooming. A larger value enlarges the images (e.g. 512
double size), a smaller value shrinks it (e.g. 128
half size). Fractional scale works as well, e.g. 281
for 10% enlargement.
Rotation angle, angle has 0.1 degree precision, so for 45.8° set 458
. Image is rotated around the centar of rotation which is defined with Pivot X
and Pivot Y
properties.
By default the image widget's width and height will be sized automatically according to the image source. If the widget's width or height is set the larger value the thisinner_align property tells how to align the image source inside the widget.
Widget 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.
The name of the input group this widget belongs to.
The name of the bitmap to be displayed.
If enabled then specify the image pivot point X and Y coordinate.
X position of the center of rotation. If left blank, the center of rotation is in the middle of the Widget.
Y position of the center of rotation. If left blank, the center of rotation is in the middle of the Widget.
Scale factor. Set factor to 256
to disable zooming. A larger value enlarges the images (e.g. 512
double size), a smaller value shrinks it (e.g. 128
half size). Fractional scale works as well, e.g. 281
for 10% enlargement.
Rotation angle, angle has 0.1 degree precision, so for 45.8° set 458
. Image is rotated around the centar of rotation which is defined with Pivot X
and Pivot Y
properties.
By default the image widget's width and height will be sized automatically according to the image source. If the widget's width or height is set the larger value the thisinner_align property tells how to align the image source inside the widget.
Widget 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.
The name of the input group this widget belongs to.
Defines the order of widgets within group. This is similar to tabindex in HTML:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Performs one or more LVGL specific actions.
List of actions to be executed. The following actions are available:
Change Screen
-Changes the active page. The following options are available:
Previous screen
- if it is checked, it will go to the previous screen, otherwise you should select the page you want to display.Screen
- name of the page to be displayed.Fade mode
- selection of animation when moving from the previous page to a new page. The following options are available:None
- switch immediately after delay msOver left / Over right / Over top / Over bottom
- move the new page over the others towards the given direction.Move Left/Right/Top/Bottom
- move both the old and new pages towards the given direction.Fade in / Fade out
- fade the new page over the old page, or vice versa.Out left / Out right / Out top / Out bottom
- move out the old page over the current one towards the given direction.Speed
- animation duration in milliseconds.Delay
- delay in milliseconds before the animation starts.Play Animation
-Animates the selected Widget property. The following options are available:
Target
- Widget whose property is animatedProperty
- Widget property that is animated.Start
- initial property value.End
- the final value of the property.Delay
- delay in milliseconds before the animation starts.Time
- the total duration of the animation in milliseconds.Relative
- determines whether Start
and End
values are relative to the current value or are absolute values.Instant
- if checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts.Path
- determines the animation curve. The following options are available:Linear
- calculate the current value of an animation applying linear characteristicEase in
- calculate the current value of an animation slowing down the start phaseEase out
- calculate the current value of an animation slowing down the end phaseEase in out
- calculate the current value of an animation applying an "S" characteristic (cosine)Overshoot
- calculate the current value of an animation with overshoot at the endBounce
- calculate the current value of an animation with 3 bouncesSet Property
-Changes the value of the selected property for the selected Widget. The following options are available:
Target type
- The type of Widget that changes.Target
- Widget whose property is changed.Property
- the property that is being changed.Value
- new property value.Animated
- if there is a possibility to animate the property, then you can choose to make the change animated. For example for Slider, changing position slider (Value property) can be animated.Change screen: Change the screen to the specified screen
Screen: The screen to change to
Fade mode: Selection of animation when moving from the previous page to a new page
Speed: Animation duration in milliseconds
Delay: Delay in milliseconds before the animation starts.
Change to previous screen: Change to the previous screen
Fade mode: Selection of animation when moving from the previous page to a new page
Speed: Animation duration in milliseconds
Delay: Delay in milliseconds before the animation starts.
Obj set x: Set the x coordinate of the object
Object: The object to set the x coordinate
X: The x coordinate to set
Obj get x: Get the x coordinate of the object
Object: The object to get the x coordinate
Result: The variable to store the x coordinate
Obj set y: Set the y coordinate of the object
Object: The object to set the y coordinate
Y: The y coordinate to set
Obj get y: Get the y coordinate of the object
Object: The object to get the y coordinate
Result: The variable to store the y coordinate
Obj set width: Set the width of the object
Object: The object to set the width
Width: The width to set
Obj get width: Get the width of the object
Object: The object to get the width
Result: The variable to store the width
Obj set height: Set the height of the object
Object: The object to set the height
Height: The height to set
Obj get height: Get the height of the object
Object: The object to get the height
Result: The variable to store the height
Obj set style opa: Set the opacity of the object
Object: The object to set the opacity
Opacity: The opacity to set (0-255)
Obj get style opa: Get the opacity of the object
Object: The object to get the opacity
Result: The variable to store the opacity
Obj add style: Add a style to the object
Object: The object to add the style
Style: The style to add
Obj remove style: Remove a style from the object
Object: The object to remove the style
Style: The style to remove
Obj set flag hidden: Set the hidden flag of the object
Object: The object to set the hidden flag
Hidden: The hidden flag value
Obj add flag: Add a flag to the object
Object: The object to add the flag
Flag: The flag to add
Obj clear flag: Clear a flag from the object
Object: The object to clear the flag
Flag: The flag to clear
Obj has flag: Check if the object has the specified flag
Object: The object to check the flag
Flag: The flag to check
Result: The variable to store the result
Obj set state checked: Set the checked state of the object
Object: The object to set the checked state
Checked: The checked state to set
Obj set state disabled: Set the disabled state of the object
Object: The object to set the disabled state
Disabled: The disabled state to set
Obj add state: Add a state to the object
Object: The object to add the state
State: The state to add
Obj clear state: Clear a state from the object
Object: The object to clear the state
State: The state to clear
Obj has state: Check if the object has the specified state
Object: The object to check the state
State: The state to check
Result: The variable to store the result
Arc set value: Set the value of the arc
Object: The arc to set the value
Value: The value to set
Bar set value: Set the value of the bar
Object: The bar to set the value
Value: The value to set (0-100)
Animated: Use animation when setting the value
Dropdown set selected: Set the selected item of the dropdown
Object: The dropdown to set the selected item
Selected: The index of the selected item
Image set src: Set the source image of the image
Object: The image to set the source
Src: The source image to set given as a string
Image set angle: Set the angle of the image
Object: The image to set the angle
Angle: The angle to set. Angle has 0.1 degree precision, so for 45.8° set 458.
Image set zoom: Set the zoom of the image
Object: The image to set the zoom
Zoom: The zoom to set. Set factor to 256 to disable zooming. A larger value enlarges the images (e.g. 512 double size), a smaller value shrinks it (e.g. 128 half size).
Label set text: Set the text of the label
Object: The label to set the text
Text: The text to set
Roller set selected: Set the selected item of the roller
Object: The roller to set the selected item
Selected: The index of the selected item
Animated: Use animation when setting the selected item
Slider set value: Set the value of the slider
Object: The slider to set the value
Value: The value to set
Animated: Use animation when setting the value
Keyboard set textarea: Set the textarea for the keyboard
Object: The keyboard to set the textarea
Textarea: The textarea to set
Group focus obj: Focus the object
Object: The object to focus
Group focus next: Focus the next object in the group
Group: The group to focus the next object
Group focus prev: Focus the previous object in the group
Group: The group to focus the previous object
Group get focused: Get the focused object in the group
Group: The group to get the focused object
Result: The variable to store the focused object
Group focus freeze: Do not let to change the focus from the current object
Group: The group to freeze/unfreeze the focus
Enabled: true: freeze, false: release freezing (normal mode)
Group set wrap: Set whether focus next/prev will allow wrapping from first->last or last->first object.
Group: The group to set the wrap
Enabled: true: wrap, false: no wrap
Group set editing: Manually set the current mode (edit or navigate).
Group: The group to set the editing mode
Enabled: true: edit mode, false: navigate mode
Anim x: Animate the x coordinate of the object
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
Anim y: Animate the y coordinate of the object
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
Anim width: Animate the width of the object
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
Anim height: Animate the height of the object
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
Anim opacity: Animate the opacity of the object
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
Anim image zoom: Animate the zoom of the image
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
Anim image angle: Animate the angle of the image
Object: The object to animate
Start: The start value of the animation
End: The end value of the animation
Delay: Delay in milliseconds before the animation starts
Time: Animation duration in milliseconds
Relative: Determines whether Start
and End
values are relative to the current value or are absolute values.
Instant: If checked apply the start value immediately, otherwise apply the start value after a delay when the animation really starts
Path: The animation path
This is the description of the Action component. Description is displayed below the component in the Project editor/viewer. In the main toolbar, it is possible to hide or display descriptions of all components with one click.
Additional component inputs that the user can add as desired in order to use them to receive additional data needed when evaluating expressions in properties. Each input is given a name and type. Name is used when referencing an input within an expression. A type is used to project Check to check whether a data line that transmits data of that type is connected to the input or not.
Additional component outputs that the user can add to send data through. Each output is assigned a name and type. An example of using this output is e.g. in the Loop component, where we can put the output name for the Variable
property instead of e.g. variable name. In that case, the Loop component will not change the content of the variable in each step, but will send the current value through that output.
If this checkbox is enabled then an @Error
output will be added to the component and if an error occurs in this component during the execution of the Flow, the Flow will continue through that output. The data that will be passed through that output is the textual description of the error.
Alignment 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.
A standard sequence input.
A standard sequence output.
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style used to render the marker.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style used to render the marker.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style used to render the title.
Style used to render the legend.
Style used to render the X-axis.
Style used to render the Y-axis.
Style used to render the marker.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
Style used to render the title.
Style used to render the legend.
Style used to render the X-axis.
Style used to render the Y-axis.
Style used to render the marker.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
If an expression is used for the Text
property that cannot be calculated during editing, then the text displayed in the editor can be set here. Also, this text will be displayed in the Widgets Structure panel.
First line indentation.
Indentation of other lines.
Style that will be used to render the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
If an expression is used for the Text
property that cannot be calculated during editing, then the text displayed in the editor can be set here. Also, this text will be displayed in the Widgets Structure panel.
First line indentation.
Indentation of other lines.
Style that will be used to render the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
Style used to render selected value.
Style used to render other (unselected) values.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
Style used to render selected value.
Style used to render other (unselected) values.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
Style that will be used to render the scrollbar thumb.
Style used to render the left and right buttons.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
Style that will be used to render the scrollbar thumb.
Style used to render the left and right buttons.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
If an expression is used for the Text
property that cannot be calculated during editing, then the text displayed in the editor can be set here. Also, this text will be displayed in the Widgets Structure panel.
Style that will be used to render the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
If an expression is used for the Text
property that cannot be calculated during editing, then the text displayed in the editor can be set here. Also, this text will be displayed in the Widgets Structure panel.
Style that will be used to render the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
If an expression is used for the Text
property that cannot be calculated during editing, then the text displayed in the editor can be set here. Also, this text will be displayed in the Widgets Structure panel.
Style that will be used to render the Widget.
Style to be used for rendering if the Widget is in focus.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
If an expression is used for the Text
property that cannot be calculated during editing, then the text displayed in the editor can be set here. Also, this text will be displayed in the Widgets Structure panel.
Style that will be used to render the Widget.
Style to be used for rendering if the Widget is in focus.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering of the Widget.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style to be used for rendering if the Widget is the Default
state.
Style to be used for rendering if the Widget is the Checked
state.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style to be used for rendering if the Widget is the Default
state.
Style to be used for rendering if the Widget is the Checked
state.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.Icons for horizontal and vertical centering of widgets within a page or parent widget.
X 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 Top
, Width
and Height
properties), 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.
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget and text.
Style used to render the button.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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:
Examples of such mathematical expressions: 18 + 36
, 50 + 32 * 6
, (100 - 32) / 2
.
Y position of the component in relation to the page or parent widget. It is set in pixels.
The width of the component. It is set in pixels.
The height of the component. It is set in pixels.
The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Style used when rendering the background of the Widget and text.
Style used to render the button.
List of event handler definitions. During execution, the widget can generate certain events (e.g. the CLICKED
event 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
.Handler type
– There are two options: Flow
or Action
. If Flow
is selected, a flow output will be added through which the event is processed, and if Action
is selected, then it is necessary to specify which User action will be performed during event processing.px
– Height is given in pixels.%
– Height is given as a percentage in relation to the parent height.content
– Height is automatically set to fit the entire content in height.If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist:
+The absolute position of the component in relation to the page. This property is read-only.
If this widget is a child of a container with layout set to Docking Manager
, use this property to set the title of the tab that contains this widget.
Here we can select one of the globally defined Styles so that the Widget uses that Style.
Make the object hidden.
Here we can choose whether the Hidden
flag state will be calculated from the Expression or not.
Make the object clickable by input devices.
Here we can choose whether the Clickable
flag state will be calculated from the Expression or not.
Add focused state to the object when clicked.
Toggle checked state when the object is clicked.
Make the object scrollable.
Allow scrolling inside but with slower speed.
Make the object scroll further when "thrown".
Allow scrolling only one snappable children.
Allow propagating the horizontal scroll to a parent.
Allow propagating the vertical scroll to a parent.
Automatically scroll object to make it visible when focused.
Allow scrolling the focused object with arrow keys.
If scroll snap is enabled on the parent it can snap to this object.
Keep the object pressed even if the press slid from the object.
Propagate the events to the parent too.
Propagate the gestures to the parent.
Allow performing more accurate hit (click) test. E.g. accounting for rounded corners.
Make the object positionable by the layouts.
Do not scroll the object when the parent scrolls and ignore layout.
Do not clip the children's content to the parent's boundary.
Scrollbars are displayed according to a configured mode. The following mode(s) exist: