Link Search Menu Expand Document
ADE Reference Manual

Slider Switch

Slider Switch is an input widget with two states, on and off. The state can be changed by touching the widget on HMI or changing its binding register’s value. The binding register’s value can be changed by other widgets or other programs. Each state can has its own displayed text and images. Each state triggers an individual event which can cause changing pages, updating the binding register’s value or execute the user-defined Blockly program.

For learning how to use this widget, please take a look at our educational video:

  • Educational Video

Widget Property

Slider Switch

Property Description Operation
Widget Name Widget displayed name Name
Link to User Manual Link to IOT’s website for User Manual  

Visibility Control

Property Description Operation
Binding Hidden Control Register Select a binding register to control the visibility of this widget Checkbox
Hidden Control Register Choose a binding register Register Selector

Show Released/Pressed State

Property Description Operation
State Select the preview state Dropdown List

OFF State Text Setting

Property Description Operation
Display Text Select whether to display the off-state text Checkbox
Line Height Set the spacing between text lines Number Editor
Blending Mode Select the color blending mode for the text and the background. Please refer to Blending Selector
 Blending Selector

ON State Text Setting

Property Description Operation
Display Text Select whether to display the on-state text Checkbox
Line Height Set the spacing between text lines Number Editor
Blending Mode Select the color blending mode for the text and the background. Please refer to Blending Selector
 Blending Selector

Switch OFF Event Setting

Property Description Operation
Enable Page Selector Switching to OFF state triggers to the target page Checkbox
Select Target Page The target page selector Page Selector
Enable Register Operation Switching to OFF state triggers a register operation Checkbox
Binding Register Select which register for the operation Register Selector
Operation Mode Select which operation to be performed. Please refer to Register Operation Setting Register Operation Setting
Enable Callback Function Switching to OFF state triggers a Blockly callback function Checkbox
Behavior Programming Blockly Editor Blockly Editor

Switch ON Event Setting

Property Description Operation
Enable Page Selector Switching to ON state triggers to the target page Checkbox
Select Target Page The target page selector Page Selector
Enable Register Operation Switching to ON state triggers a register operation Checkbox
Binding Register Select which register for the operation Register Selector
Operation Mode Select which operation to be performed. Please refer to Register Operation Setting Register Operation Setting
Enable Callback Function Switching to OFF state triggers a Blockly callback function Checkbox
Behavior Programming Blockly Editor Blockly Editor

State Binding Register

Property Description Operation
Enable State Binding Register Whether to enable a binding register to this widget Checkbox
Binding Register Select a register for binding Register Selector

OFF State Image Operations

Property Description Operation
Load Image Load the OFF State image from the file system File Open Dialog Box
Edit Image Edit the loaded image Image Editor Dialog Box
Paste Image Paste image from the clipboard  

ON State Image Operation

Property Description Operation
Load Image Load the ON State image from the file system File Open Dialog Box
Edit Image Edit the loaded image Image Editor Dialog Box
Paste Image Paste image from the clipboard  

Preview

Property Description Operation
Animate The widget automatically goes through two states.  

Right-Click Menu

Widget-Specific Actions

Property Description Operation
Load OFF State Image… Load an image file for OFF State from the file system File Open Dialog Box
Load ON State Image… Load an image file for ON State from the file system File Open Dialog Box
Edit OFF State Image… Edit the image for OFF State Image Editor Dialog Box
Edit ON State Image… Edit the image for ON State Image Editor Dialog Box
Paste OFF State Image Paste an image from the clipboard for OFF State  
Paste ON State Image Paste an image from the clipboard for ON State  
Reset to Original Size Reset the widget’s size to the default value Reset Editor
Preview Press Animation Preview the widget action when pressed  
Link to User Manual… Connect to the education video and play it