Visualization Element ‘Slider’¶
Symbol:
Tag: Common controls
This element adjusts the value of a variable, depending on the position of the slider within the slider bar. You define the value range of the slider bar by means of the scale start and scale end.
Element properties
Element name | Optional Tip: Assign individual names for elements so that they are found faster in the element list. Example: |
Element type | Slider |
Element property ‘Position’
The position defines the location and size of the element in the visualization window. These are based on the Cartesian coordinate system. The origin is located at the upper left corner of the window. The positive horizontal x-axis runs to the right. The positive vertical y-axis runs downwards.
X | X coordinate of the upper left corner of the element Specified in pixels. Example: |
Y | Y coordinate of the upper left corner of the element Specified in pixels. Example: |
Width | Specified in pixels. Example: |
Height | Specified in pixels. Example: |
Note
You can also change the values by dragging the box symbols ( ) to other positions in the editor.
See also
Variable | Variable with a numeric data type (example: When executed, the variable assigns a value that corresponds to the position of the slider in the bar. |
Page size | Page size
Requirement: The Move to click element property is not activated. |
Move to click | Function of the slider at visualization runtime when it is clicked:
|
Element property ‘Scale’
Show scale |
Note: This option is available for the slider only. |
Scale start | Lowest value of the scale and the lower limit of the value range for the element (example : 0 ). |
Scale end | Highest value of the scale and the upper limit of the value range for the element (example : 100 ). |
Main scale | Distance between two tick marks of the rough scale (example: 10 ). |
Subscale | Distance between two tick marks of the fine scale (example: 2 ). You can hide the fine scale by setting the value to 0 . |
Scale format (C Syntax) | Formatting of the scale label (example: Note: This property is available for the slider only. |
Scale proportion | Size of the scale (in %) of the total size |
Element property ‘Bar’
The property defines the representation of scaling and direction of travel.
Diagram type | The drop-down list varies depending on the alignment of the diagram. Horizontal
Vertical
|
Orientation | Alignment of the slider; defined by the ratio of width to height.
You can modify the alignment in the visualization editor by using the pointing device to adjust the width and height of the scrollbar. |
Running direction | The drop-down list varies depending on the alignment of the slider. Horizontal
Vertical
|
Element property ‘State variables’
The variables control the element behavior dynamically.
Invisible | Variable (
|
Deactivate inputs | Variable (
|