Hi - how can I use dash to add a local css file - I’ve tried app.css.append_css({"relative_package_path": __name__ + '/styles.css'})

We have incorporated everyone’s feedback in our latest release, announced here: Dash version 0.22.0 released! . It is now easy to add local CSS and JavaScript and we have provided an official way to override the Dash Index Template. For more, read the official docs: https://dash.plot.ly/external-res…

@jyhsu - for security reasons, I removed the implicit serving of the /static resource. You can add it back yourself with something like: @app.server.route('/static/<path:path>') def static_file(path): return app.send_from_directory('static', path) You can see more solutions here: https://stac…

I’m having the same problem here. Is there any workaround?

One workaround is to set the css through the dash_html_components themselves. Here’s a simple example: import dash import dash_html_components as html import dash_core_components as dcc from flask import send_from_directory import os app = dash.Dash() app.css.config.serve_locally = True app.scrip…

I could not make it work. Added a css file on, in my case: C:\Users\Username\AppData\Local\Continuum\Anaconda2\Lib\site-packages\dash_core_components-0.13.0rc1-py2.7.egg\dash_core_components It seems that Dash doesnt recognize it. Any idea of how to solve this? @chriddyp @mikesmith1611 Thanks a l…

Did you add this in your app.py ? import dash_core_components as dcc dcc._css_dist[0]['relative_package_path'].append('mycss.css') I would probably use this method anyway its much cleaner: [image] How do I use Dash to add local css? Dash Python One workaround is to set …

If you’re using such method, remember to delete this line:app.css.config.serve_locally = True It wasn’t working for me, I got confused until I deleted that line.

Thanks for your good suggestion. The only problem is that @app.server.route(’/static/<path:path>’) doesn’t seem to work. Only when I remove the “path:” type converter does it really load local css. So I rather use @app.server.route(’/static/<path>’) instead.

I’m looking to update this behaviour (adding external CSS and JS) in this PR: https://github.com/plotly/dash/pull/171 . Feedback welcome! (Please comment on the PR itself)

i try all like u say and copy this code. …but still not can loading localhost css

How do I use Dash to add local css?

Dash Python

chriddyp November 28, 2017, 4:41pm 22

Discussed again in Serve_locally option with additional scripts and style sheets

Topic		Replies	Views
Serve_locally option with additional scripts and style sheets Dash Python	25	22882	May 8, 2024
Django Plotly Dash local CSS Dash Python	4	1873	May 27, 2020
Modify CSS and Load Locally in Dash App Dash Python	1	895	November 18, 2018
Referencing css locally Dash Python	4	1535	August 7, 2018
Import Local .css File Dash Python	2	750	January 10, 2020

How do I use Dash to add local css?

Related topics