Show Loading Spinner Over Graph

Dash Python
2

Hi @ajrehl1,

yes, this can be done. Since Dash v1.15, the dcc.Loading component has additional properties parent_className and parent_style. Using these properties, you can define the CSS properties of a Div that wraps the Loading component.

To get transparent background of the Loading component, you can do this:

dcc.Loading(
    parent_className='loading_wrapper',
    children=[...]
)

and then in your assets/custom.css, you define the CSS behaviour of the loading_wrapper class:

/* dcc.Loading component with transparent background */
/* this defines a style for a Loading component with parent_className='loading-wrapper' */
.loading_wrapper > div {
    visibility: visible !important;
}
4 Likes