Toastr in ALL

Toastr in ALL

43.99 40.91 40.9107 USD

43.99

Product not available

114

Add to Cart Need Support


Toastr In All

Geminate comes with the feature of Toastr In All. Toastr is a Javascript library for non-blocking notifications. it comes with a bunch of options which you can use as per your need with different layouts.


Watch Video Tutorial

Exciting Features

To notify, Toaster access anywhere, no need to import.

Note: Extensively Tested on Odoo Vanilla with Ubuntu OS


  • Usage


    Display a warning toast, with no title
    toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
    Display a success toast, with a title
    toastr.success('Have fun storming the castle!', 'Miracle Max Says')
    Display an error toast, with a title
    toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')
    Immediately remove current toasts without using animation
    toastr.remove()
    Remove current toasts using animation
    toastr.clear()
    Override global options
    toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000})
    Display a warning toast, with no title
    toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
    Display a warning toast, with no title
    toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

    Escape HTML characters


    In case you want to escape HTML characters in title and message
    toastr.options.escapeHtml = true;

    Close Button


    Optionally enable a close button
    toastr.options.closeButton = true;
    Optionally override the close button's HTML.
    toastr.options.closeHtml = '<button><i class="icon-off"></i></button>';
    Display an error toast, with a title
    toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')
    Immediately remove current toasts without using animation
    toastr.remove()
    Remove current toasts using animation
    toastr.clear()
    Override global options
    toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000})
    Display a warning toast, with no title
    toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
    You can also override the CSS/LESS for #toast-container .toast-close-button
    Optionally override the hide animation when the close button is clicked (falls back to hide configuration).
    toastr.options.closeMethod = 'fadeOut';
    toastr.options.closeDuration = 300;
    toastr.options.closeEasing = 'swing';

    Display Sequence


    Show newest toast at bottom (top is default)
    toastr.options.newestOnTop = false;

    Callbacks


    Define a callback for when the toast is shown/hidden/clicked
    toastr.options.onShown = function() { console.log('hello'); }
    toastr.options.onHidden = function() { console.log('goodbye'); }
    toastr.options.onclick = function() { console.log('clicked'); }
    toastr.options.onCloseClick = function() { console.log('close button clicked'); }

    Animation Options


    Toastr will supply default animations, so you do not have to provide any of these settings. However you have the option to override the animations if you like.

    Easings


    Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are built into jQuery.
    toastr.options.showEasing = 'swing';
    toastr.options.hideEasing = 'linear';
    toastr.options.closeEasing = 'linear';

    Animation Method


    Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.
    toastr.options.showMethod = 'slideDown';
    toastr.options.hideMethod = 'slideUp';
    toastr.options.closeMethod = 'slideUp';

    Prevent Duplicates


    Rather than having identical toasts stack, set the preventDuplicates property to true. Duplicates are matched to the previous toast based on their message content.
    toastr.options.preventDuplicates = true;

    Timeouts


    Control how toastr interacts with users by setting timeouts appropriately.
    toastr.options.timeOut = 30; // How long the toast will display without user interaction
    toastr.options.extendedTimeOut = 60; // How long the toast will display after a user hovers over it

    Prevent from Auto Hiding


    To prevent toastr from closing based on the timeouts, set the timeOut and extendedTimeOut options to 0. The toastr will persist until selected.
    toastr.options.timeOut = 0;
    toastr.options.extendedTimeOut = 0;

    Progress Bar


    Visually indicate how long before a toast expires.
    toastr.options.progressBar = true;

    rtl


    Flip the toastr to be displayed properly for right-to-left languages.
    toastr.options.rtl = true;

  • Screenshot


GeminateCS Odoo Services

GeminateCS Suggested Apps

Contact / Support



Reach Out To Us


Our Address

309, City Center Arcade, Nr. ST Bus Station,

Krishnanagar, Ahmedabad,
Gujarat - 382345, India


Call Us

Sales : +91 (800) (047) (3006)

whatsapp