How can i make dcc.loading always visible

[SaltySodiums]

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

[AIMPED]

HI @SaltySodiums ,

maybe interesting:

Displaying Loading Screen when Pages Container is Loading

Hello All, I was having an issue with wanting to display loading screens only when the pages_content was displaying. This is not possible with just a regularly wrapped loading of the page_container, as this has an unexpected behavior of triggering any time a component is updated inside the layout. Take this example: app.py import dash from dash import Dash, html, dcc import dash_bootstrap_components as dbc app = Dash(__name__, use_pages=True) sidebar = dbc.Nav( [dbc.NavLink(pg['title']…

[SaltySodiums]

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

[justinminnion]

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!