
Momentary Push Button is an input widget that does not have any retained sttate. It can detect the continuous pressing state and released state. It allows users to change the image or set behavnior for these two states. The threshold for the continuous pressing is to press this button for longer than 1.5 seconds and this threshold is not programmable.
An educational vidoe is availble to get users started:
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 regsiter |
Register Selector |
Stencil Negative Setting
Released State Text Setting
Property |
Description |
Operation |
Display Text |
Select whether to display the off-state text |
Checkbox |
Enable Text Stencil |
Select whether to apply stencil to the text |
Checkbox |
Text |
Enter the off-state text to be displayed |
Plain Text |
Font |
Select text typeface, font size, style and line space |
Font Selector |
Text Color |
Select the text color |
Color Selector |
Alignment |
Select alignment |
Alignment Selector |
Blending Mode |
Select the color blending mode for the text and the background. Please refere to Blending Selector
If Stencil is enabled, the blending mode is invalid. |
Blending Selector |
Stencil Negative Color |
Select the stencil negative color. |
Color Selector |
Pressed State Text Setting
Property |
Description |
Operation |
Display Text |
Select whether to display the off-state text |
Checkbox |
Enable Text Stencil |
Select whether to apply stencil to the text |
Checkbox |
Text |
Enter the off-state text to be displayed |
Plain Text |
Font |
Select text typeface, font size, style and line space |
Font Selector |
Text Color |
Select the text color |
Color Selector |
Alignment |
Select alignment |
Alignment Selector |
Blending Mode |
Select the color blending mode for the text and the background. Please refere to Blending Selector
If Stencil is enabled, the blending mode is invalid. |
Blending Selector |
Stencil Negative Color |
Select the stencil negative color. |
Color Selector |
Continuous Pressing Event
Property |
Description |
Operation |
Enable Page Selector |
Clicking triggers to the target page |
Checkbox |
Select Target Page |
The target page selector |
Page Selector |
Enable Register Operation |
Clicking 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 |
Clicking tirggers a Blockly callback function |
Checkbox |
Behavior Programming |
Blockly Editor |
Blockly Editor |
Releasing Event Setting
Property |
Description |
Operation |
Enable Page Selector |
Clicking triggers to the target page |
Checkbox |
Select Target Page |
The target page selector |
Page Selector |
Enable Register Operation |
Clicking 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 |
Clicking tirggers a Blockly callback function |
Checkbox |
Behavior Programming |
Blockly Editor |
Blockly Editor |
Released State Image Operations
Pressed State Image Operations
Preview
Property |
Description |
Operation |
Animate |
The widget automatically goes through two states. |
|
Property |
Description |
Operation |
 |
Adjust Stencil size |
Mask Editor |
 |
Adjust text’s X and Y coordinates
If text is set to aligned to the center, then this function is invalid. |
Offset Editor |
 |
Adjust stencil’s radius
If stencil is set to an oval shape, this function is invalid. |
Mask Editor |
Property |
Description |
Operation |
Load Released Image… |
Load an image file for Released State from the file system |
File Open Dialog Box |
Load Pressed Image… |
Load an image file for Pressed State from the file system |
File Open Dialog Box |
Edit Released Image… |
Edit the image for Released State |
Image Editor Dialog Box |
Edit Pressed Image… |
Edit the image for Pressed State |
Image Editor Dialog Box |
Paste Released Image |
Paste an image from the clipboard for Released State |
|
Paste Pressed Image |
Paste an image from the clipboard for Pressed State |
|
Reset to Origianl Size |
Reset the widget’s size to the default value |
Reset Editor |
Reset Ratio by Width |
Reset the widget’s aspect ratio based on the width |
Reset Editor |
Reset Raito by Height |
Reset the widget’s aspect ratio based on the height |
Reset Editor |
Preview Press Animation |
Preview the widget action when pressed |
|
Link to User Manual… |
Connect to the education video and play it |
|