Dashboard only visible at the top of the website in a Django project

[luuk2205]

Hello,

I am trying to learn plotly, dash an django by building a dashboard to visualise data of weather stations in Germany and I am trying to host the dashboard using django.

When I run the dashboard the dashboard looks like this:
python dwd_dashboard.py

The image above is the expected behaviour but when I run:

python manage.py runserver
127.0.0.1:8000/dash_app

The dashboard is now only visible at the top of the page and I have to scroll down to see the rest of the dashboard.

I’ve tried to add css to dash_app.html file and to the dash-container
app.layout = html.Div(classname="dash-container",children=[])

Could someone please point me in the right direction?

Thanks in advance

[delsim]

If you’re embedding your dashboard into other html (eg by using an iframe) then at some point you have to say how big that embedded object should be. In django-plotly-dash this is achieved through a setting on the template tag used to embed it.

Are you using that package? The default there is set to a 10% height-to-width ratio (which is consistent with the image you have posted). If so, change the ratio argument of the template tag to something more appropriate for your dashboard.

[luuk2205]

Thank you very much! This did the trick