How can i make dcc.loading always visible

I have a “loading” page so to speak and i want to use the dcc.loading type=graph on it, however it wont have any children elements. how can i just make it always visible

HI @SaltySodiums ,

maybe interesting:

Hi, so that still only shows the loadout when the layout is changed, im talking like literally

app.layout = html.Div(dcc.Loading(type=“graph”))

and have the Loading animation just always running while that page is open

Hi from 2 years later, I found this topic while searching for another question but I might have an answer:

Try:

app.layout = html.Div(dcc.Loading(display="show", type="graph"))

Basically adding display="show" to tell the dcc.Loading component to be always shown. Note that you may also have to give the html.Div some dimensions (e.g. add style={"height":200, "width":200} ) so that it actually renders on the screen.

Related to why I was searching: I’ve noticed the “graph” type of loading animation sometimes doesn’t render at all. I have been trying to figure out why (some of my apps render it no issue, others it doesn’t render), so if you still see a blank page, type type="dot" to see if anything appears then.

Hope that helps!

1 Like