Reduble Plugins
  • Welcome
  • Introduction
    • Introduction
  • Plugins
  • myAlerts! Docs
    • Toasts
    • Custom toast
    • Question toast
    • Speed test
  • TheCountable Docs
    • Speed test
  • doHTML Docs
    • Speed test
  • MasterVoice Docs
    • Speed test
  • Reveal Docs
    • Speed test
  • zapHolders!
  • AOS Page Docs
  • Super Gradient Docs
  • Celebi Docs
  • dataTables Docs
  • Multi-Uploader
  • Checkbox + Docs
Powered by GitBook
On this page
  1. myAlerts! Docs

Custom toast

PreviousToastsNextQuestion toast

Last updated 6 years ago

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

Icon: , i.e: fab fa-affiliatetheme. If empty no icon.

​

​

​

Supported FontAwesome 5 Icons
Custom toast options.