I am using the built in Multi-Page feature use_pages=True which was added in 2.5 I believe. In my application I would like to trigger a callback when a specific page loads. However, since there are multiple entry points to this page (from other pages as well), I would like to trigger a callback when…

I recently went through this exactly issue… I put on a dcc.location in my app.layout (which is in my index.py), along with my dash.page_container. I then used that dcc.location on several of the pages, but would have something like this in the callback: @dash.callback(Output('page1','children'), …

Trigger Callback When URL Path is Updated within Dash 2.5 Multi-Page App

Dash Python

AnnMarieW May 10, 2023, 3:33pm 4

Also, if you are using dash>=2.9.2, be sure to use dcc.Location(refresh="callback-nav") so it will navigate without refreshing the page. More info here:

Another tip is to put the dcc.Location in the app.layout above the dash.page_container - then the forward/back browser buttons will work.

2 Likes

Topic		Replies	Views
dcc.Location url change not triggered if callback has two outputs Dash Python	0	1228	April 2, 2020
Sharing examples of navigation without refreshing the page when URL is updated in a callback in Dash 2.9.2! Dash Python tips-and-tricks	1	2211	April 9, 2023
Multi-page App "activate" relative path through callback Dash Python	3	620	September 6, 2022
Issue with `dcc.Location` used in Refresh Callbacks in Multi-Page Dash App Dash Python	10	65	December 18, 2024
Multi Page App + Update on (Separate) Page Load Dash Python	2	950	October 20, 2021

Trigger Callback When URL Path is Updated within Dash 2.5 Multi-Page App

Related topics