Hi, I want to ask is there a way to combine tab component and dcc.location. I want when the user clicks on a tab it changes the page content and also updates the URL. Can anyone teach me how to do it?

Is there a particular reason you want it this way? Because in my opinion it is easier to make a multipage app with links. By pressing a link you will actually be redirected to a new page and thereby the content and url changes. Check out this Guide. Greetings, Sempah

For now, we recommend “styling” your dcc.Link components to “look like” tabs.

Hello there, Does the below discussion help you, @Yuechean ? [image] Combining dcc.Tabs and dcc.Location Dash Python You dont need to use Tab. You can use dcc.Link inside Div, like this: html.Div([ html.Div([ dcc.Link([ …

For anyone coming across this from Google: Inside the dcc.Link element use this style to get the link to have a full DIV clickable area as opposed to the text only which is the default. style={‘display’: ‘block’, ‘height’: ‘100%’, ‘width’: ‘100%’}

Gravedigging here, but today I think this is possible by using triggered by and a callback taking both a dcc.Location.search (or path) and the dcc.Tabs.value as inputs and ouptuts. Use the triggered_id to determine which value should be used next. ( Input output callback by chadaeschliman · Pull Req…

Is there a way to combine tab component and dcc.location?

Dash Python

David22 November 18, 2019, 10:34pm 4

Hello there,

Does the below discussion help you, @Yuechean ?

Topic		Replies	Views
Combining dcc.Tabs and dcc.Location Dash Python	14	8215	June 18, 2021
I'd love to make URLs for each of my tabs Dash Python	2	595	February 11, 2019
Adding hyperlinks in my dashboard from one tab to another tab, into a specific location Dash Python question	2	476	February 26, 2023
Using dcc.Location and dcc.tabs to update page/tab content Dash Python	0	739	September 1, 2020
dcc.Tabs with Dash Pages for Multi-Page App Dash Python	2	893	October 21, 2023

Is there a way to combine tab component and dcc.location?

Related topics