✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

Disable Dash Loading Component

Hi Guys,

I’m working on a multipage dash app, can someone please guide me on triggering the right loading component

I’m navigating to respective page layouts as per the pathname and there are dynamically generated layouts so we have a page loading component to ease the transition

dcc.Location(id='url', refresh=False),
        dcc.Loading(
            id='page_loading',
            children=[
                html.Div(
                    id='page-content',
                    children=[]
                ),

and I have section inside the page where we have multiple cascading dropdowns with individual loading components, for some reason when then dropdowns are being refreshed the page loading component is triggered and not the individual loading components.

Can someone let me know how this behavior can be handled and is there a way to disable loading component through callbacks?