Difference between revisions of "Slider"
Jump to navigation
Jump to search
| Line 32: | Line 32: | ||
== UI Attributes == | == UI Attributes == | ||
{{UI Object Attributes (Common)}} | {{UI Object Attributes (Common)}} | ||
| − | { | + | === Field attributes === |
| + | {| class="wikitable" | ||
| + | !Name | ||
| + | !Value | ||
| + | !Description | ||
| + | |- | ||
| + | |||
| + | |rowspan="4"|value | ||
| + | |0-100 | ||
| + | |Set the slider's value, from 0 to 100 | ||
| + | |- | ||
| + | |0%-100% | ||
| + | |Set the slider's value, from 0% to 100% | ||
| + | |- | ||
| + | |on | 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% | ||
| + | |- | ||
| + | |||
| + | |rowspan="2"|bar | ||
| + | |true | ||
| + | |Show the value bar | ||
| + | |- | ||
| + | |false | ||
| + | |Hide the value bar | ||
| + | |- | ||
| + | |||
| + | |barcolor | ||
| + | |CSS color | ||
| + | |Set the value bar's color | ||
| + | |- | ||
| + | |||
| + | |rowspan="2"|enabled | ||
| + | |true | ||
| + | |Field is enabled | ||
| + | |- | ||
| + | |false | ||
| + | |Field is disabled | ||
| + | |- | ||
| + | |||
| + | |rollback | ||
| + | |true | ||
| + | |Restores the previously saved value. | ||
| + | |- | ||
| + | |||
| + | |} | ||
| + | |||
| + | {{Note:CSS Color}} | ||
Revision as of 11:50, 27 January 2014
For a description and a complete list of UI Objects, see 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
- name: name 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 <name>; <position>; <label>) (sliderv!id <name>; <position>) (sliderh!id <name>; <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 |
Field 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 |
| enabled | true | Field is enabled |
| false | Field is disabled | |
| rollback | true | Restores the previously saved value. |
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)
