Finish button
- Less than a minute to read
This widget is used to manage the Finish button that appears in the navigation bar. You can use it to define some rules to control the availability of the finishing of the editing process.
Note, this widget is non-visual! You don't insert it to any step because we don't have any containers for the navigation bar. You may think of it as a "proxy" for the real Finish button.
General info
- type:
finish-button
Params
visible
- whether the button should be visible or not (provided that you are on the last step). The default value istrue
.enabled
- whether the button should be enabled or not. The default value istrue
.onClick
- a function ("{{#function <expression>}}"
) or an array of functions that is called when the button is clicked. You can carry out some actions before calling theonSubmitting
event in the ecommerce-driver.
Example
For example, assume that you want to lock the Finish button until the user sets the Checkbox.
{
"widgets": [
{
"name": "agree-checkbox",
"type": "checkbox",
"params": {
"prompt": "I approve the design.",
"value": false
}
},
{
"name": "finish-button",
"type": "finish-button",
"params": {
"enabled": "{{$['agree-checkbox']._}}"
}
}
]
}