Add a Slider

Add a Slider

Add a Slider graphic element to incrementally adjust numeric values for a tag within a configured range on an HMI device.
To add a Slider:
  1. In the
    Toolbox
    , expand the
    CommonControls
    category.
  2. Drag a horizontal or vertical Slider graphic element onto the screen, popup, or Add-On-Graphic. Double-click a graphic element in the
    Toolbox
    to add it to the center of the screen. If a Slider is already selected on the screen, the new Slider is placed on top of the selected graphic element.
    TIP:
    Tips:
    • If the outline of an empty Add-On Graphic appears on the screen, the definition of the Add-On Graphic is empty. Add graphic elements to the Add-On Graphic by changing the definition of the Add-On Graphic. All instances of the Add-On Graphic then update to display the contents of the Add-On Graphic.
    • Add a graphic element used in a different project by copying and pasting the graphic element between the projects.
    • Use the search feature to search for a name or type of graphic element for the Toolbox.
    • The name of each graphic element ends with a number that increments by one when adding an instance of that element. For example, TextDisplay_002 indicates a second instance of the Text Display graphic element on the screen.
  3. In the
    Properties
    window, select the
    Properties
    tab.
  4. Expand the categories and configure the Slider properties:
    • General -
      Specify the Slider control values, and when the Slider control updates the values.
    • Appearance
      - Specify appearance properties for the slider.
    • Thumb
      - Specify border and fill color, style, thickness, shape, and visibility properties for the Slider thumb.
    • Track
      - Specify border and fill color, style, thickness, and visibility properties for the Slider track.
      TIP:
      Bind a Slider property value to another property or data item to change the slider property dynamically at runtime.
IMPORTANT:
The Slider Vertical and Slider Horizontal graphic elements do not support LINT data types. An error occurs when using a LINT data type with a value property in a Slider.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.