django-plotly-dash在本地提供css文件

6bc51xsx 于 2023-03-04 发布在 Go

关注(0)|答案(2)|浏览(126)

我尝试在DjangoDash应用程序中使用django-plotly-dash本地提供css文件。
Simpleexample.py

app = DjangoDash('SimpleExample', serve_locally=True)
app.css.append_css("path_to_css")
app.layout = html.Div([
    html.Div(
        className="app-header",
        children=[
            html.Div('Plotly Dash', className="app-header--title")
        ]
    ),
    html.Div(
        children=html.Div([
            html.H5('Overview'),
            html.Div('''
                This is an example of a simple Dash app with
                local, customized CSS.
            ''')
        ])
    )
])

simpleexample.html

{% extends 'base.html' %}
{% load static %}
{% block content %}
{% load plotly_dash %}

    {% plotly_app name='SimpleExample' ratio=0.45 %}
    </div>

{% endblock %}

header.css和topography.css是如下所述的文件：https://dash.plotly.com/external-resources.
根据这些：https://github.com/GibbsConsulting/django-plotly-dash/issues/121和https://github.com/GibbsConsulting/django-plotly-dash/issues/133，则应修复与此相关的问题。
但是css样式并不呈现--

我错过了什么？在上面的github问题中有一个建议，我们可以使用django模板而不是iframe。我找不到太多关于这个的文档--有人能给我指一下吗？
谢谢你。

django

来源：https://stackoverflow.com/questions/61126537/django-plotly-dash-serve-css-files-locally

2条答案

按热度按时间

nzk0hqpo1#

app = DjangoDash('Home',add_bootstrap_links=True)  
app.css.append_css({ "external_url" : "/static/assets/style.css" })

把你的assets文件夹放到Django static文件夹中
如果出现Python错误：没有名为bootstrap4的模块。请尝试启动

pip install "django_bootstrap4==1.1.1"

或

pip install django_bootstrap4

赞(0）回复(0）举报 2023-03-04

jdgnovmf2#

<!-- templates/base.html -->
<!DOCTYPE html>
<html>
    <head>
    ...
    {% load plotly_dash%}
    ...
    {% plotly_header %}
    ...
    </head>
    <body>
    ...
    {%plotly_direct name="SimpleExample"%}
    ...
    </body>
    ...
    {% plotly_footer %}
</html>

赞(0）回复(0）举报 2023-03-04

我来回答

django-plotly-dash在本地提供css文件

2条答案

相关问题

热门标签

最新问答