I currently have a site with multiple tabs. I am using the clima-main example from the dash site as a template for my project. I have completed editing the first layout page of the app, and also a second tab on the app. I am also using dcc.store to store some data for my app. When I click submit on the first page this enables the seond page, and when i go to the second tab the tab correctly loads with the dcc.store components, but when I click back on the first tab, my whole site refreshes, and the data store gets set to None. How can I fix this so that when I click back on the first tab, my contents from before clicking submit reload on the screen. I assumed since my whole dcc.store is refreshing, the whole site is refreshing for some reason. Thanks for the help.
I have a feeling that it’s not an optimal solution, but I don’t use a multipage app. Instead, I have callbacks toggling between style={‘display’:‘none’} and {‘display’:‘block’} when the user clicks on a different tab. This keeps all the content and allows switching between them.
This approach may have unwarranted consequences, but I haven’t stumbled upon them yet.