Link Search Menu Expand Document
ADE Reference Manual

Press/Release Button is an input widget. It does not have any retained state. Instead, it has two states: Pressed and Released. In these two states, users can set/program behaviors, texts and images.

Pressing and releasing the button can both trigger an event. The event can be going to another page, performing a register operation or executing a user-specified callback function.

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

  • Educational Video

Widget Property

Press/Release Button

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

Released State Text Setting

Property Description Operation
Display Text Select whether to display the Released 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

Pressed State Text Setting

Property Description Operation
Display Text Select whether to display the Pressed 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

Pressing Event Setting

Property Description Operation
Enable Page Selector Pressing triggers to the target page Checkbox
Select Target Page The target page selector Page Selector
Enable Register Operation Pressing 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 Pressing triggers a Blockly callback function Checkbox
Behavior Programming Blockly Editor Blockly Editor

Releasing Event Setting

Property Description Operation
Enable Page Selector Releasing triggers to the target page Checkbox
Select Target Page The target page selector Page Selector
Enable Register Operation Releasing 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 Releasing triggers a Blockly callback function Checkbox
Behavior Programming Blockly Editor Blockly Editor

Released State Imagae Operation

Property Description Operation
Load Image Load the Released State mage 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  

Pressed State Image Operation

Property Description Operation
Load Image Load the Pressed 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 Released State Image… Load an image file for Released State from the file system File Open Dialog Box
Load Pressed State Image… Load an image file for Pressed State from the file system File Open Dialog Box
Edit Released State Image… Edit the image for Released State Image Editor Dialog Box
Edit Pressed State Image… Edit the image for Pressed State Image Editor Dialog Box
Paste Released State Image Paste an image from the clipboard for Released State  
Paste Pressed State Image Paste an image from the clipboard for Pressed 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