Jouw applicatie

Instellingen

Beheer je lokale demo en de CSS die je applicatie gebruikt.

{% if static_preview %}

Dit is de online preview. De demokeuze geldt hier voor deze browser. In het geïnstalleerde Django-project wordt ze centraal opgeslagen.

{% endif %} {% if settings_saved %}

Instellingen opgeslagen.

{% endif %} {% if settings_error %}

{% endif %}

Meegeleverd met het pakket

Demoscherm

{% if demo_enabled %}Ingeschakeld{% else %}Uitgeschakeld{% endif %}

De volledige componentenbibliotheek, tien spinners, paleteditor, voorbeelden en documentatie draaien lokaal met de meegeleverde assets.

Werkruimte

Linkerzijbalk

Linkerzijbalk zichtbaar

De keuze wordt op dit apparaat bewaard. Met de navigatieknop linksboven kun je de balk altijd weer uitklappen.

Zelf hosten

Eén CSS-bestand. Helemaal lokaal.

Download dibos.css en plaats het op je eigen website. Het bestand bevat de thema’s, componenten, veldlabels, spinners en fijne focusranden, zonder externe imports of lettertypen.

Download dibos.css Volledig Django-project CSS-bibliotheek{% if wheel_url %}Pip-pakket (.whl){% endif %}

In je bestaande Django-project

Installeer het uitgepakte pakket met pip en voeg fluent_web toe aan INSTALLED_APPS. Voer daarna het configuratiecommando uit:

python -m pip install /pad/naar/dibos-css-project
python manage.py dibos_install --css-url https://jouw-domein.nl/assets/dibos.css

Pip installeert het pakket; dibos_install downloadt de CSS naar BASE_DIR/static/dibos/ en bewaart de verwijzing in BASE_DIR/dibos.json. {% verbatim %}{% fw_assets %}{% endverbatim %} en de demo gebruiken deze lokale kopie automatisch.

Actieve CSS: {{ active_css }}

Demo starten vanuit het pip-pakket

dibos demo --directory ./dibos-demo

Start de complete demo op http://127.0.0.1:8000/, met een eigen lokale SQLite-database. De oorspronkelijke website is niet nodig.

Lees de volledige installatiehandleiding