I am building an app that has 3 tabs, each of them with different layout and different callbacks. The problem I have is that when I change to a different tab, the callbacks are not running from the other Tabs. Is there a way to solve this?
Main layout of the Tabs:
app.layout = html.Div([
dcc.Tabs(id='tabs', value='tab-1',colors={'border': '#00ff80'}, children=[
dcc.Tab(label='Tab one',selected_className="text-light", selected_style={"backgroundColor" : "#222222"},
style = {"backgroundColor" : "#222222"}, className="text-light",value='tab-1', children=
[
recordstab.layout
]
),
dcc.Tab(label='Tab two',selected_className="text-light", selected_style={"backgroundColor" : "#222222"},
style = {"backgroundColor" : "#222222"}, className="text-light", value='tab-2', children=
[
tabletab.mergeTable(app)
],
),
dcc.Tab(label='Tab three',selected_className="text-light", selected_style={"backgroundColor" : "#222222"},
style = {"backgroundColor" : "#222222"}, className="text-light", value='tab-3', children=
[
roomstab.layout
]
),
]),
])