Link Search Menu Expand Document

Generic Button is an input widget and it does not have any retained internal state.

Generic Button is efficient and resource-thrifty. It only provides limited style selections on the English fonts, gradient colors, border lines and few other design elements. For saving resources, this widget does not allow any image operations.

Widget Property

Generic Button

Property Description Operation
Widget Name Widget displayed name Name
Link to Educational Video Link to IOT’s website for Educational Video  

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

Show Released/Pressed State

Property Description Operation
State Select the state for preview Dropdown List

Text Setting

Property Description Operation
Text Enter the released-state text Plain Text
Text Color Select the text color Color Selector
Text Opacity % Select the text opacity (1-100%) Number Editor
Enable Pressed State Style Enable the pressed-state text and its releated settings Checkbox
Text Color Select the text color Color Selector
Text Opacity % Select the text opacity (1-100%) Number Editor

Body Setting

Property Description Operation
Main Color Select the main color for this widget Color Selector
Gradient Color Select the gradient color Color Selector
Button Opacity % Select this widget’s opacity (0-100%) Number Editor
Corner Raidus Select the corner raidus of this widget. The maximum value changes according to the size of the widget. Number Editor
Enable Pressed State Style Enable the pressed state and its related style settings. Checkbox
Main Color Select the color of the pressed state Color Selector
Gradient Select the gradient color of the pressed state Color Selector
Button Opacity % Select the pressed-state button opacity (0-100%) Number Editor
Corner Radius 設定按鈕按下時的圓角半徑,最大值隨元件大小而變動 Number Editor

Border Setting

Property Description Operation
Border Color Select the border color Color Selector
Border Width Select the board line width Number Editor
Enable Pressed State Style Enable the pressed state and its related style settings Checkbox
Border Color Select the border color for the pressed state Color Selector
Border Width Select the border line width for the pressed state Number Editor

Shadow Setting

Property Description Operation
Shadow Color Select the shadow color Color Selector
Shadow Width Select the shadow width Number Editor
Enable Pressed State Style Enable the pressed state and its related style settings Checkbox
Shadow Color Select the shadow color for the pressed state Color Selector
Shadow Width Select the shadow width for the pressed state Number Editor

Click 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

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 tirggers a Blockly callback function Checkbox
Behavior Programming Blockly Editor Blockly Editor

Releasing State 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 tirggers a Blockly callback function Checkbox
Behavior Programming Blockly Editor Blockly Editor

Short Click 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

Continous Pressing Event

Property Description Operation
Enable Page Selector Continous pressing (longer than 1.5 seconds) triggers to the target page Checkbox
Select Target Page The target page selector Page Selector
Enable Register Operation Continous pressing (longer than 1.5 seconds) 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 Continous pressing (longer than 1.5 seconds) triggers a Blockly callback funtion Checkbox
Behavior Programming Blockly Editor Blockly Editor

Repeated Continous Pressing Event

Property Description Operation
Enable Page Selector Continous pressing (longer than 1.5 seconds) repeatedly triggers to the target page Checkbox
Select Target Page The target page selector Page Selector
Enable Register Operation Continous pressing (longer than 1.5 seconds) repeatedly 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 Continous pressing (longer than 1.5 seconds) repeatedly triggers a Blockly callback funtion Checkbox
Behavior Programming Blockly Editor Blockly Editor

Preview

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

Right-Click Menu

Enable Pressed State Style

Property Description Operation
Enable Pressed State Style Enable the pressed state style for all the settings  

Widget-Specific Actions

Property Description Operation
Preview Press Animation Preview the widget action when pressed  
Link to Educational Video… Connect to the education video and play it