This is the content of my image:
I followed this link for multi-paging:
My index.py
import uuid
import dash_core_components as dcc
import dash_html_components as html
import dash_resumable_upload
from dash.dependencies import Input, Output, State
import dash_flexbox_grid as dfx
import dash
import os
from app import app
from Tabs import home, data_overview, header, evaluation
from dash.exceptions import PreventUpdate
def serve_layout():
session_id = str(uuid.uuid4())
return html.Div([
header.layout,
dcc.Store(id='options_store', storage_type='session'),
dcc.Store(id='session_id', storage_type='session', data=dict(id=session_id)),
dfx.Grid(id='page-content', fluid=True, children=[
])
])
app.layout = serve_layout
@app.callback(Output('page-content', 'children'),
[Input('tabs_navbar', 'value')],
[State('session_id', 'data'), State('options_store', 'data')]
)
def display_page(value, session_id, data):
# Load layout based on selected tab
session_id = session_id.get('id')
if value == 'home':
return home.layout
elif value == 'data-overview':
return data_overview.layout
elif value == 'evaluation':
return evaluation.layout
else:
return '404'
if __name__ == '__main__':
app.run_server(debug=True)
My app.py:
import dash
import uuid
import dash_html_components as html
import dash_core_components as dcc
import flask
import dash_resumable_upload
external_stylesheets = ['https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css', 'https://use.fontawesome.com/releases/v5.7.2/css/all.css']
external_scripts = ['http://code.jquery.com/jquery-1.7.1.min.js']
server = flask.Flask(__name__)
app = dash.Dash(__name__, external_stylesheets=external_stylesheets, external_scripts=external_scripts, server=server)
def serve_layout():
session_id = str(uuid.uuid4())
return html.Div([
dcc.Store(id='session_id', storage_type='session', data=dict(id=session_id)),
])
dash_resumable_upload.decorate_server(app.server, 'Storage/Temporary')
app.layout = serve_layout
app.scripts.config.serve_locally = True
app.config.suppress_callback_exceptions = True