Templates
Template Setup Guides

myAlerts! plugin

Link to plugin page: https://zeroqode.com/plugin/myalerts-1550378942563x344628844035833860

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.

  • Icon: Supported FontAwesome 5 Icons, i.e: fab fa-affiliatetheme. If empty no icon.

  • 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.

Note question element has a "Result state" which changes after the answer to the question. In case of a true answer, the result will be true in another case false.

You can use Clear question action after execution of your trigger actions to clear the last answer to the question.

Demo to preview the settings