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


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

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? :slight_smile:

Thanks in advance

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.

Thank you very much! This did the trick