Skip to main content
Version: 4.0

Timer

The UI object for the timer.

It's used to set a timer with the specific Timer ID.

The timer object generates TIMER events and userTimerEvent() Java callbacks on activation and reset.

Timer tutorial

Attributes​

Common​

ID​

Sets the object's ID.

The ID identifies the object and is used to reference it in UISet actions, allowing to change its attributes dynamically.

The ID is not unique, it can be shared among multiple objects to quickly change a common attribute.

IDs can't be changed with a UISet action, but they can have a Value Binding assigned to them. Value Bindings on IDs allow an object to be dinamically attached to a set of attribute values.

E.g. the following Value Binding switches the ID of the object between mybutton1 and mybutton2 based on the value of the UISet button.address:

Value binding:

="mybutton" + ui('button', 'address')

UISet:

UISet('button', 'address', '1') switches the ID to mybutton1

UISet('button', 'address', '2') switches the ID to mybutton2

Position and Size​

Position​

Sets the object's position.

The default value is: x0y0.

Attribute Values​
ValueDescriptionExample
x<left>y<top>Specify left/top coordinates in pixels.x10y20

Flex Grow​

Specifies if the objects should grow to fill the available space.

The default value is: true.

Attribute Values​
ValueDescription
trueDefault value. Objects expand to fill the available space.
falseObjects do not grow to fill the available space.

Flex Shrink​

Specifies if the objects should shrink to fit the available space.

The default value is: true.

Attribute Values​
ValueDescription
trueDefault value. Objects shrink to fit the available space.
falseObjects do not shrink to fit the available space.

Width​

Sets the object's width in pixels.

Minimum value is 1.

Height​

Sets the object's height in pixels.

Minimum value is 1.

Common​

Timer ID​

Specifies the timer ID, as defined in the System Settings or Timers parameter in the hsyco.ini file.

Attribute Values​
ValueDescription
<timer>Timer ID.

Label​

Label​

Specifies the label.

Attribute Values​
ValueDescription
<string>Label text.

Font Family​

Specifies the font family.

The default value is: default.

Font Size​

Specifies the font size in pixels or percentage (relative to the project's font size).

The default value is: 14.

Attribute Values​
ValueDescriptionExample
<integer>Font size in pixels.
<percentage>%Relative font size in percentage.90%

Font Color​

Specifies the text CSS color.

Attribute Values​
ValueDescriptionExample
<html color>Color in any html accepted format.#ff0000

Font Weight​

Specifies the weight of the font.

The default value is: normal.

Attribute Values​
ValueDescription
normalDefault value. Normal.
boldBold.
bolderBolder.
lighterLighter.

Italic​

Show the text in italics.

The default value is: false.

Attribute Values​
ValueDescription
falseDefault value. Normal.
trueItalics.

Small Caps​

Sets the font to small caps.

The default value is: false.

Attribute Values​
ValueDescription
falseDefault value. Normal.
trueSmall caps.

Decoration​

Specifies the text decoration.

The default value is: none.

Attribute Values​
ValueDescription
noneDefault value. No decoration.
underlineUnderline.
overlineOverline.
line-throughLine through.

Line Height​

Sets the line height of the text.

The default value is: 1.0.

Attribute Values​
ValueDescription
<float>Specify the line height as a multiple of the font size.

Text Align​

Sets the horizontal alignment of the text.

The default value is: center.

Attribute Values​
ValueDescription
noneNo alignment.
leftLeft alignment.
rightRight alignment.
centerDefault value. Center alignment.
justifyJustified alignment.

Panel​

Panel​

Shows a panel that frames the object. Its style can be modified.

The default value is: true.

Attribute Values​
ValueDescription
trueDefault value. Shows the panel.
falseHides the panel.

Panel Color​

Specifies the panel color.

The default value is: default.

Attribute Values​
ValueDescription
defaultDefault value. Default color.
primaryPrimary color, used to highlight important areas.
warningWarning color, used to highlight warning areas.
successSuccess color, used to highlight success areas.
errorError color, used to highlight error areas.
red,blue,yellow,green,yellow,purple,orange,greenPalette colors.
customCustom color, defined in the "Custom Color" attribute.

Panel Custom Color​

Specifies the panel custom color.

Attribute Values​
ValueDescriptionExample
<html color>Color in any html accepted format.#ff0000

Meta​

Comment​

Specifies a comment, visible only in the Project Editor. It can be used to add a note or a tag to the object. The filter in the object's SELECT panel applies to the comment as well.

note

This attribute is static. Its value can't be changed dynamically with a uiSet command or with a value binding.

Exclude​

Excludes the object from the UI. Useful to temporarily hide an object without deleting it. Different from the "Visible" attribute, which hides the object in the UI but keeps it in the project, allowing it to be shown again with a UISet.

The default value is: false.

note

This attribute is static. Its value can't be changed dynamically with a uiSet command or with a value binding.

Attribute Values​
ValueDescription
falseDefault value. Object is included in the UI.
trueObject is excluded from the UI.