logo

myAlerts! Plugin

TOASTS

Info, Success, Warning and Error Toast

Display info/success/warning/error toast to your users.
❕
Fields:
Image without caption
  • 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.
Image without caption
  • 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.
Image without caption
  • Target shove: Shove element space and push it when appears.
Image without caption
  • 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:
Image without caption
  • Title: Toast title.
  • Message: Toast message.
  • Timeout: Duration in milliseconds (1 second = 1000). If empty: No timer on toast.
  • Title color: #HEX customizes the color of the title.
  • Message color: #HEX customizes the color of the message.
  • Background color: #HEX customizes the color of the background.
  • Ballon form: Add ballon form to the toast.
Image without caption
  • Close button: Show the close button in the toast.
  • Close using esc: Close toast using ESC key.
  • Close when pressed: Close toast when click on it.
  • Position: Position 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 the toast timer when is hoovered.
  • Restart on hover: Reset toast timer when is hoovered.
  • Progress bar: Show the progress bar in the toast.
  • Progress bar color: #HEX Customize the color of the progress bar.
  • Animation In: Animation when toast appears in.
  • Animation Out: Animation when toast disappears.
  • Animation In Mobile: Animation when toast appears on mobile devices.
  • Animation Out Mobile: Animation when toast disappears on mobile devices.
  • Image: Upload image.
  • Dynamic image: Use URL.
  • Image width: Default: 50

QUESTION TOAST

Display question toast to your users.
Image without caption
  • Title: Toast title.
  • Message: Toast message.
  • Timeout: Duration in milliseconds (1 second = 1000). If empty: No timer on toast.
  • Ballon form: Add ballon form to the toast.
  • Close button: Show the close button in the toast.
  • Close using esc: Close toast using ESC key.
  • Close when pressed: Close toast when clicking 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 the toast timer when is hoovered.
  • Restart on hover: Reset toast timer when is hoovered.
  • Progress bar: Show the progress bar in the toast.
  • Progress bar color: #HEX Customize the color of the progress bar.
  • Animation In: Animation when toast appears in.
  • Animation Out: Animation when toast disappears.
  • Animation In Mobile: Animation when toast appears on mobile devices.
  • Animation Out Mobile: Animation when toast disappears on 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
Image without caption
❕
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.
Update 9/03/21
  • Added a new ability to determine the value of the exposed state of the "Question" element"
Update 5/03/22 - Version: 1.7.0.
  • Minor updates

Demo to preview the settings


Helpful?