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.
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.
Enable Pressed State Style
Property
Description
Operation
Enable Pressed State Style
Enable the pressed state style for all the settings
Property
Description
Operation
Preview Press Animation
Preview the widget action when pressed
Link to Educational Video…
Connect to the education video and play it