Difference between revisions of "Button"

From HSYCO
Jump to navigation Jump to search
 
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{UI Object Header}}
 
{{UI Object Header}}
Controls a [[light]] or [[device|automation device]].
+
Controls a light or automation device.
  
 
If the button object is connected to a light or automation device that allows it, a long press on the button will open a [[popup]] with a [[slider]]. A second long press will close the [[popup]].
 
If the button object is connected to a light or automation device that allows it, a long press on the button will open a [[popup]] with a [[slider]]. A second long press will close the [[popup]].
If specified on [[systemtopo.txt]], it will show a thumbnail on mouse over or touch.
+
If specified on systemtopo.txt, it will show a thumbnail on mouse over or touch.
  
 
[[File:UI Object button.png]]
 
[[File:UI Object button.png]]
  
 
== Parameters ==
 
== Parameters ==
*'''address''': device data point name
+
*'''id''': the object's ID, used by UISets. Optional
 +
*'''address''': device data point name. Supports [[Redirect variables]]
 
*'''position''': the object's position. Use the pixels or rows and columns coordinates format
 
*'''position''': the object's position. Use the pixels or rows and columns coordinates format
 
*'''label''': the text label on the button. Can contain HTML tags
 
*'''label''': the text label on the button. Can contain HTML tags
  
 
== Syntax ==
 
== Syntax ==
  (button <address>; <position>; <label>)
+
  (button[!<id>] <address>; <position>; <label>)
Eg.
+
E.g.
 
  (button autom.1; x10y20; Front Door)
 
  (button autom.1; x10y20; Front Door)
 +
 +
== UI Attributes ==
 +
{{UI Object Attributes (Common)}}
 +
 +
=== Button attributes ===
 +
{| class="wikitable"
 +
!Name
 +
!Value
 +
!Description
 +
|-
 +
|rowspan="2"|confirm
 +
|false
 +
|Default
 +
|-
 +
|true
 +
|Button requires confirmation with a second click, before sending the command
 +
|-
 +
|rowspan="2"|enabled
 +
|true
 +
|Default. Enable the button
 +
|-
 +
|false
 +
|Disable the button
 +
|}
 +
 +
{{UI Object Attributes (Label)}}

Latest revision as of 16:16, 4 February 2020

Note  For a description and a complete list of UI Objects, see UI Objects.

Controls a light or automation device.

If the button object is connected to a light or automation device that allows it, a long press on the button will open a popup with a slider. A second long press will close the popup. If specified on systemtopo.txt, it will show a thumbnail on mouse over or touch.

UI Object button.png

Parameters

  • id: the object's ID, used by UISets. Optional
  • address: device data point name. Supports Redirect variables
  • position: the object's position. Use the pixels or rows and columns coordinates format
  • label: the text label on the button. Can contain HTML tags

Syntax

(button[!<id>] <address>; <position>; <label>)

E.g.

(button autom.1; x10y20; Front Door)

UI Attributes

Common attributes

Name Value Description
pos x<x>y<y> Position specified as x/y coordinates. E.g. x-5y10
visible true Default. Show the object
false Hide the object
blink true | slow Blink the object at a slow speed
fast Blink the object at a fast speed
false Stop the blinking
opacity 0.0 ... 1.0 Object opacity from 0 (not visible) to 1 (fully visible)
rotation 0 ... 360 Object rotation in degrees. Images are rotated around the center point, all other objects are rotated around the top left corner

Button attributes

Name Value Description
confirm false Default
true Button requires confirmation with a second click, before sending the command
enabled true Default. Enable the button
false Disable the button

Label attributes

Name Value Description
label <string> Label's text. Can contain HTML tags
fontfamily <family name> A prioritized list of font family names
fontsize <size> Font size in pixels. E.g. 15px
fontcolor <CSS color> Font color
fontstyle normal Normal font style, default
italic Italic font style
oblique Oblique font style
fontweight normal Normal characters, default
bold Thick characters
bolder Thicker characters
lighter Lighter characters
100 ... 900 Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold