Skip to main content
Join the official 2020 Python Developers SurveyStart the survey!

Showing non-blocking notifications in Flask templates using toastr.

Project description


Showing Flask's flash non-blocking notifications in templates using toastr.

Donate to help keep this project maintained. Donate with PayPal button

Quick Start

Step 1: Initialize the extension:

from flask_toastr import Toastr
toastr = Toastr(app)

Step 2: In your <head> and bottom of <body>sections of your base template add the following code:

    {{ toastr.include_jquery() }}
    {{ toastr.include_toastr_css() }}
    {{ toastr.message() }}
    {{ toastr.include_toastr_js() }}

This extension also supports the Flask application factory pattern by allowing you to create a Toastr object and then separately initialize it for an app:

    toastr = Toastr()

    def create_app(config):
        app = Flask(__name__)
        # initialize toastr on the app within create_app()

    app = create_app(prod_config)

Note that jQuery is required. If you are already including it on your own then you can remove the include_jquery() line. Secure HTTP is used if the request under which these are executed is secure.

The include_jquery(), include_toastr_js() and include_toastr_css() methods take some optional arguments. If you pass a version argument to any of these calls, then the requested version will be loaded from the default CDN. In addition, it is also possible to pass js_filename and css_filename to include_toastr_js() and include_toastr_css(), respectively.

Step 3: Use the flash() method with or without category in your views. For example:

def index():
    flash("All OK")
    flash("All OK", 'success')
    flash("All Normal", 'info')
    flash("Not So OK", 'error')
    flash("So So", 'warning')
    return render_template('index.html')

Step 4: Enjoy


Config Default Possible Values Description
TOASTR_VERSION '2.1.4' Releases from here Version of Toastr
TOASTR_JQUERY_VERSION '2.1.0' Releases from here Version of JQuery
TOASTR_CSS_FILENAME 'toastr.min.css' CDN file name CSS Filename used in CDN Toastr's link
TOASTR_JS_FILENAME 'toastr.min.css' CDN file name JS Filename used in CDN Toastr's link
TOASTR_CLOSE_BUTTON 'true' 'true' or 'false' Enable or Disable close button
TOASTR_TIMEOUT 15000 any int value (in ms) Time to notification close
TOASTR_EXTENDED_TIMEOUT 1000 any int value (in ms) Time to notification close after hover mouse or click
TOASTR_POSITION_CLASS 'toast-top-right' 'toast-top-right', 'toast-bottom-right', 'toast-bottom-left', 'toast-top-left', 'toast-top-full-width', 'toast-bottom-full-width', 'toast-top-center', 'toast-bottom-center' Notification Positon
TOASTR_PREVENT_DUPLICATES 'false' 'true' or 'false' Doesn't show same notification
TOASTR_NEWS_ON_TOP 'false' 'true' or 'false' Notification's aparition order
TOASTR_PROGRESS_BAR 'true' 'true' or 'false' Enable or Disable progress bar
TOASTR_OPACITY True True or False Enable or Disable notification's opacity
Note: The values `true` and `false` are passed to JS, that is Case Sensitive.
Therefore they must be passed in lowercase.


To run the example in your local environment::

  1. Clone the repository::

        git clone
        cd Flask-Toastr

  2. Create and activate a virtual environment::

        virtualenv env
        source env/bin/activate

  3. Install requirements::

        pip install -r 'example/requirements.txt'

  4. Run the application::

        python example/

Function Reference

Consult the toastr documentation for more details.


This extension is just a project to improve my python and flask skills. Any suggestions or tips are welcome.

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for Flask-Toastr, version 0.5.4
Filename, size File type Python version Upload date Hashes
Filename, size Flask-Toastr-0.5.4.tar.gz (4.8 kB) File type Source Python version None Upload date Hashes View

Supported by

Pingdom Pingdom Monitoring Google Google Object Storage and Download Analytics Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page