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 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 |
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 User Manual… |
Connect to the education video and play it |
|
