Slider
Jump to navigation
Jump to search
A slider object that sends requests to the server.
Using this object you can execute customized Java code or generate events for the EVENTS interpreter, like with the user object, passing the object's name and the selected value.
Three versions are available:
- slider: vertical slider with a label and an on/off button
- sliderv: minimal vertical slider
- sliderh: minimal horizontal slider
Parameters
- address: address passed to the Java callback method and event in EVENTS
- 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
(slider!<id> <address>; <position>; <label>) (sliderv!<id> <address>; <position>) (sliderh!<id> <address>; <position>)
E.g.
(slider!myslider slider1; x10y20; Label) (sliderv!myslider slider1; x10y20) (sliderh!myslider slider1; x10y20)
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 |
Slider attributes
Name | Value | Description |
---|---|---|
value | 0-100 | Set the slider's value, from 0 to 100 |
0%-100% | Set the slider's value, from 0% to 100% | |
off | Set the slider's value to 100 (on) or 0 (off) | |
0-n/n | Set the slider's value, specifying a base. E.g. 64/256 sets the slider to 25% | |
bar | true | Show the value bar |
false | Hide the value bar | |
barcolor | CSS color | Set the value bar's color |
inverse | true | Inverts the slider's bar verse: on a slider object the cursor is at the top when the value is 0, at the bottom when the value is 100 |
false | Default behaviour | |
enabled | true | Field is enabled |
false | Field is disabled |
A CSS color can be specified as
- hex value: #<rr><gg><bb> E.g. #FF1010
- color name: red, blue, white...
- as rgb: rgb(<r>,<g>,<b>) E.g. rgb(255,30,30)
- as rgba: rgba(<r>,<g>,<b>,<alpha>) E.g. rgba(255,30,30,0.5)