Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Runtime Image updated

The Slider control is used to create an interactive element within your displays, enabling users to adjust values dynamically. This control is particularly useful for settings that require a range of values, such as volume control, brightness adjustment, or any parameter that benefits from fine-tuning.

On this page:

Table of Contents
maxLevel3
stylenone


Requirements

This component is Portable. It runs both on Windows and on Web Pages hosted in any platform.


Configuration

After dragging and dropping the component into the Drawing area, double-click it to open the graphical element

  1. Go to Displays / Draw.
  2. On the Components Panel, select Interaction, then Slider.
  3. Click or drag-and-drop it on the Drawing area to use it.
  4. Double-click the component to open the configuration window.

Slider Settings

Field

Description

Control Name

Defines a name for the control so it can be accessed in the CodeBehind script. See Display Code Behind

Value

The Tag that will receive the value selected.

Min

The minimum value in the scale.

Max

The maximum value in the scale.

Orientation

Vertical or horizontal.

ReadOnly

Enable Read Only mode.

Slider2 Settings

Field

Description

SliderValue

The Tag that will receive the value selected.

Blinding

  • TwoWay
  • OutputOnly
  • InputOnly

Min

The minimum value in the scale.

Max

The maximum value in the scale.

Orientation

Vertical or horizontal.

SliderValue

Specifies the object or tag to which the Slider control is bound. The slider will reflect and control the value of this tag, allowing real-time adjustment and monitoring.

Binding

Sets the binding mode for the component. The options are:

TwoWay: Updates the data source and UI interchangeably;

OutputOnly: Allows data output without user input;

InputOnly: Accepts user input without updating the data source.

Minimum

Specifies the minimum value of the slider. Default is 0.

Maximum

Specifies the maximum value of the slider. Default is 100.

Orientation

Controls the orientation of the slider. Options are Horizontal (moves left to right) and Vertical (moves up and down).



Runtime Execution

When users adjust a slider, the application updates the value based on the slider's position. This real-time adjustment allows for precise control over parameters, such as speed, temperature, or volume. The slider's visual feedback helps users fine-tune settings, providing an intuitive way to manage continuous values.

Image Added

Runtime Execution 


In this section:

Page Tree
root@parent
spacesV10