flask-admin-tabler

A Tabler UI theme for Flask-Admin.

Installation

pip install flask-admin-tabler

Usage

Call theme.init_app(app) before creating the Admin instance so that the Tabler templates are registered with higher priority than Flask-Admin's default Bootstrap ones.

from flask import Flask
from flask_admin import Admin
from flask_admin_tabler import TablerTheme

app = Flask(__name__)
app.config["SECRET_KEY"] = "change-me"

theme = TablerTheme()
theme.init_app(app)          # must come before Admin(app, ...)

admin = Admin(app, name="My App", theme=theme)

That's it - navigating to /admin/ will now render the Tabler UI instead of the default Bootswatch theme.

A fully runnable example (including a SQLAlchemy model and sample data) is available in examples/quickstart.py:

pip install flask-admin-tabler flask-sqlalchemy
python examples/quickstart.py
# open http://127.0.0.1:5000/admin/

How it works

TablerTheme.init_app(app) registers a Flask blueprint named flask_admin_tabler that:

1. Templates - exposes flask_admin_tabler/templates/tabler/ as a template folder. Because this blueprint is registered before Flask-Admin's admin blueprint, Flask resolves admin/base.html (and all other admin templates) from here first.
2. Static files - serves the small amount of theme-specific CSS (e.g. admin/css/tabler/admin.css) at /static/flask_admin_tabler/.

Tabler's core CSS and JS are loaded from the jsDelivr CDN - no local copies needed.