Hello. I will attach two images. One from my windows browser and de second one from my tablet screen, both images correspond to the same Django example application. I don’t know why in my table only the half of the screen is used. [tablet] [windows] Regards

I don’t know, either. [image] How to write a Minimal Reproducible Example (MRE) Dash Python Adding a minimal reproducible example to your questions will help attract community members to answer your question. The goal of writing a MRE is to allow other members of the commu…

Thanks for your answer. I’am using django 3.2 Here is my code import os import numpy as np import datetime as dt from dash import dcc from dash import html from dash.exceptions import PreventUpdate from dash.dependencies import Input, Output, State from scipy.stats import rayleigh from .db.api…

This is what the original site ( Wind Speed Dashboard ) looks like on my tablet and on windows [a_orig] [w_orig] On the tablet, the box for “the wind speed histogram” appears slightly misaligned which is resolved when I use the tablet horizontally.

The content of the Django template (win.html) which produced the images I attached yesterday is : {% load plotly_dash %} {% plotly_app name=“win” ratio=0.7 %}

I made a change to the template ratio from 0.7 to 1.2. The area that is displayed correctly is increased slightly in the table. However, in windows there is a very large empty area at the bottom of the page content. I attach the screenshots below. [table_ratio_1.2] [w_ratio_1.2] Regards.

You may like this below. https://dash-bootstrap-components.opensource.faculty.ai/docs/components/layout/ You can use lg, md or sm properties to define responsive width. Or classname to specify width, you know, bootstrap divides the page width into 12 columns.

Thanks for your answer stu. I decided to use this sample code precisely because it doesn’t use dash-bootstrap-components. This dashboard is an example that you can see here Wind Speed Dashboard And the code is available here: dash-sample-apps/apps/dash-wind-streaming at main · plotly/dash-sample-…

Dash only use half screen in my tablet

Dash Python

stu June 30, 2022, 7:01am 2

I don’t know, either.

Topic		Replies	Views
How to change size of tables and graphs? Dash Python	0	1291	September 22, 2020
How to optimize Dash App for mobile phone view Dash Python question	10	5116	March 8, 2023
Django_plotly_dash responsive Dash Python	7	2920	April 12, 2024
How to remove the Dash app scroll bar when implementing onto a web framework? Dash Python	4	4287	June 17, 2024
Dash Graph responsive Dash Python	0	294	April 22, 2019

Dash only use half screen in my tablet

Related topics