Zeroqode Documentation
Search…
Plugins
Templates
myAlerts! plugin
TOASTS
Info, Success, Warning and Error Toast
Display info/success/warning/error toast to your users.
Felds:
- Title: Toast title.
- Message: Toast message.
- Timeout: Duration in miliseconds (1 second = 1000). If empty: No timer on toast.
- Ballon form: Add ballon form to the toast.
- Close button: Show close button in the toast.
- Close using esc: Close toast using ESC key.
- Close when pressed: Close toast when click on it.
- Position: Position of the toast when it appears. (Options: Top Right, Top Center, Top Left, Center, Bottom Right, Bottom Center, Bottom Left).
- Target: If you want to bind toast to any specific element. Use # before the id.
- Target shove: Shove element space and push it when appears.
- Animate inside: Animates the content of the toast when it appears.
- Swipe to close: Close toast using swipe action.
- Pause on hover: Pause toast timer when is hoovered.
- Restart on hover: Reset toast timer when is hoovered.
- Progress bar: Show progress bar in the toast.
- Progress bar color: Customize color of progress bar.
- Animation In: Animation when toast appears in.
- Animation Out: Animation when toast disappears.
- Animation In Mobile: Animation when toast appears in mobile devices.
- Animation Out Mobile: Animation when toast disappears in mobile devices.
CUSTOM TOAST
Display custom toast to your users.
Fields:
Display info toast to your users.
- Title: Toast title.
- Message: Toast message.
- Timeout: Duration in miliseconds (1 second = 1000). If empty: No timer on toast.
- Title color: #HEX customize color of title.
- Message color: #HEX customize color of message.
- Background color: #HEX customize color of background.
- Ballon form: Add ballon form to the toast.
- Close button: Show close button in the toast.
- Close using esc: Close toast using ESC key.
- Close when pressed: Close toast when click on it.
- Position: Position of the toast when it appears. (Options: Top Right, Top Center, Top Left, Center, Bottom Right, Bottom Center, Bottom Left).
- Target: If you want to bind toast to any specific element.
- Target shove: Shove element space and push it when appears.
- Animate inside: Animates the content of the toast when it appears.
- Swipe to close: Close toast using swipe action.
- Pause on hover: Pause toast timer when is hoovered.
- Restart on hover: Reset toast timer when is hoovered.
- Progress bar: Show progress bar in the toast.
- Progress bar color: #HEX Customize color of progress bar.
- Animation In: Animation when toast appears in.
- Animation Out: Animation when toast disappears.
- Animation In Mobile: Animation when toast appears in mobile devices.
- Animation Out Mobile: Animation when toast disappears in mobile devices.
- Image: Upload image.
- Dynamic image: Use URL.
- Image width: Default: 50
QUESTION TOAST
Display question toast to your users.
- Title: Toast title.
- Message: Toast message.
- Timeout: Duration in miliseconds (1 second = 1000). If empty: No timer on toast.
- Ballon form: Add ballon form to the toast.
- Close button: Show close button in the toast.
- Close using esc: Close toast using ESC key.
- Close when pressed: Close toast when click on it.
- Position: Position of the toast when it appears. (Options: Top Right, Top Center, Top Left, Center, Bottom Right, Bottom Center, Bottom Left).
- Target: If you want to bind toast to any specific element.
- Target shove: Shove element space and push it when appears.
- Animate inside: Animates the content of the toast when it appears.
- Swipe to close: Close toast using swipe action.
- Pause on hover: Pause toast timer when is hoovered.
- Restart on hover: Reset toast timer when is hoovered.
- Progress bar: Show progress bar in the toast.
- Progress bar color: #HEX Customize color of progress bar.
- Animation In: Animation when toast appears in.
- Animation Out: Animation when toast disappears.
- Animation In Mobile: Animation when toast appears in mobile devices.
- Animation Out Mobile: Animation when toast disappears in mobile devices.
- Button text: Text for true/yes action.
- Button text: Text for false/no action.
- Answer 1: select the value of the state Answer after pressing button 1
- Answer 2: select the value of the state Answer after pressing button 2
Changelogs
Update: 09/03/2021 -
- Added a new ability to determine the value of the exposed state of the "Question" element
Added new fields, Answer 1 and Answer 2
Note question element has a "Result state" which changes after the answer to the question. In the case of a true answer, the result will be true in another case false.
You can use the Clear question action after the execution of your trigger actions to clear the last answer to the question.
Changelogs
Update 9/03/21 -
- Added a new ability to determine the value of the exposed state of the "Question" element"
Demo to preview the settings
Last modified 10mo ago