Académique Documents
Professionnel Documents
Culture Documents
# see https://community.plot.ly/t/nolayoutexception-on-deployment-of-multi-page-dash-app-
example-code/12463/2?u=dcomfort
import callbacks
app.index_string = '''
<!DOCTYPE html>
<html>
<head>
{%metas%}
{%favicon%}
{%css%}
</head>
<body>
{%app_entry%}
<footer>
{%config%}
{%scripts%}
</footer>
</body>
</html>
'''
app.layout = html.Div([
dcc.Location(id='url', refresh=False),
html.Div(id='page-content')
])
# Update page
#########
@app.callback(Output('page-content', 'children'),
[Input('url', 'pathname')])
def display_page(pathname):
return layout_birst_category
return layout_ga_category
return layout_paid_search
return layout_display
return layout_publishing
return layout_metasearch
else:
return noPage
#########
external_css = ["https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css",
"https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css",
"//fonts.googleapis.com/css?family=Raleway:400,300,600",
"https://codepen.io/bcd/pen/KQrXdb.css",
"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css",
"https://codepen.io/dmcomfort/pen/JzdzEZ.css"]
app.css.append_css({"external_url": css})
external_js = ["https://code.jquery.com/jquery-3.2.1.min.js",
"https://codepen.io/bcd/pen/YaXojL.js"]
for js in external_js:
app.scripts.append_script({"external_url": js})
if __name__ == '__main__':
app.run_server(debug=True)