Documentation
Limited Submit
Description
Limited Submit works in the same way as the Submit button but gives the possibility of selecting specific addons to work with it.
Properties
The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.
Property name | Description | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Text | Text displayed while not in the 'selected' state. | ||||||||||
Text Selected | Text displayed while in the 'selected' state. | ||||||||||
Works with | List of addons to be checked by Limited Submit separated by new lines. | ||||||||||
Speech texts |
|
Supported commands
Command name | Params | Description |
---|---|---|
show | --- | Shows the module. |
hide | --- | Hides the module. |
getWorksWithModulesList | --- | Gets list of modules configuerd in "Works With" property. |
Events
Limited Submit sends events compatible with Advanced Connector module.
It sends ValueChanged event when a user selects the button.
Field name | Description |
---|---|
Value |
selected - it is sent when all modules were attempted and the button changed its state to 'selected' by a user's click. deselected - it is sent when the button changed its state to 'deselected' by a user's click. canceled - it is sent when not all modules were attempted. |
Source | Module ID of Limited Submit module |
CSS Classes
Property name | Description |
---|---|
.limited-submit-wrapper | The outer wrapper of the whole addon |
.limited-submit-container | The inner container of the whole addon |
.limited-submit-button | A button's element |
.limited-submit-wrapper.selected | The outer wrapper when the addon has been clicked |
Default Styling
.limited-submit-wrapper, .limited-submit-wrapper .limited-submit-container, .limited-submit-wrapper .limited-submit-container .limited-submit-button { width: 100%; height: 100%; } .limited-submit-wrapper .limited-submit-container .limited-submit-button { background: url('resources/submit-button.png') no-repeat center; cursor: pointer; text-align: center; }
Demo presentation
Demo presentation contains examples of how this addon can be used.