tools.load_example(
'tutorial/examples/core_components/slider_updatemode.py'),
'store-clicks':
tools.load_example('tutorial/examples/core_components/store_clicks.py'),
'store-share':
tools.load_example('tutorial/examples/core_components/store_share.py'),
'tabs_callback':
tools.load_example(
'tutorial/examples/core_components/tabs_callback_graph.py'),
'tabs_simple':
tools.load_example('tutorial/examples/core_components/tabs_simple.py'),
'tabs_styled_with_classes':
tools.load_example(
'tutorial/examples/core_components/tabs_styled_with_classes.py'),
'tabs_styled_with_classes_css':
tools.read_file('assets/tabs-styled-with-classes.css'),
'tabs_styled_with_inline':
tools.load_example(
'tutorial/examples/core_components/tabs_styled_with_inline.py'),
'tabs_styled_with_props':
tools.load_example(
'tutorial/examples/core_components/tabs_styled_with_props.py'),
'upload-datafile':
tools.load_example('tutorial/examples/core_components/upload-datafile.py'),
'upload-gallery':
tools.load_example('tutorial/examples/core_components/upload-gallery.py'),
'upload-image':
tools.load_example('tutorial/examples/core_components/upload-image.py'),
'button_basic':
tools.load_example('tutorial/examples/core_components/button_basic.py'),
'button_n_clicks_timestamp':
# -*- coding: utf-8 -*-
import dash_core_components as dcc
import dash_html_components as html
from textwrap import dedent as s
from tutorial import styles
from tutorial.tools import load_example, read_file
examples = {
'local-css':
load_example('tutorial/examples/external_css_and_js/local-css.py'),
'custom-index-string':
read_file('tutorial/examples/external_css_and_js/custom-index-string.py'),
'custom-interpolate-string':
read_file(
'tutorial/examples/external_css_and_js/custom-interpolate-string.py'),
'dash-meta-tags':
read_file('tutorial/examples/external_css_and_js/dash-meta-tags.py'),
'external-resources-init':
read_file(
'tutorial/examples/external_css_and_js/external-resources-init.py'),
}
layout = html.Div([
html.H1('Adding CSS & JS and Overriding the Page-Load Template'),
dcc.Markdown(
s('''
Dash applications are rendered in the web browser with CSS and JavaScript.
On page load, Dash serves a small HTML template that includes references to
the CSS and JavaScript that are required to render the application.
This chapter covers everything that you need to know about configuring
# -*- coding: utf-8 -*-
import dash_core_components as dcc
import dash_html_components as html
from tutorial import styles
from tutorial.tools import load_example, read_file
examples = {
'local-css': load_example(
'tutorial/examples/external_css_and_js/local-css.py'
),
'custom-index-string': read_file(
'tutorial/examples/external_css_and_js/custom-index-string.py'
),
'custom-interpolate-string': read_file(
'tutorial/examples/external_css_and_js/custom-interpolate-string.py'
),
'dash-meta-tags': read_file(
'tutorial/examples/external_css_and_js/dash-meta-tags.py'
),
'custom-dash-renderer': read_file(
'tutorial/examples/external_css_and_js/custom-dash-renderer.py'
),
'custom-dash-renderer-hooks': read_file(
'tutorial/examples/external_css_and_js/custom-dash-renderer-hooks.py'
),
'external-resources-init': read_file(
'tutorial/examples/external_css_and_js/external-resources-init.py'
),
}
'date_picker_range': tools.load_example('tutorial/examples/core_components/date_picker_range.py'),
'dropdown': tools.load_example('tutorial/examples/core_components/dropdown.py'),
'graph-config': tools.load_example('tutorial/examples/core_components/export_graph_to_chart_studio.py'),
'input-all-types': tools.load_example('tutorial/examples/core_components/input_all_types.py'),
'input-basic': tools.load_example('tutorial/examples/core_components/input-basic.py'),
'input-number-type': tools.load_example('tutorial/examples/core_components/input_number_type.py'),
'rangeslider': tools.load_example('tutorial/examples/core_components/rangeslider.py'),
'rangeslider-nonlinear': tools.load_example('tutorial/examples/core_components/rangeslider_nonlinear.py'),
'slider': tools.load_example('tutorial/examples/core_components/slider.py'),
'slider-updatemode': tools.load_example('tutorial/examples/core_components/slider_updatemode.py'),
'store-clicks': tools.load_example('tutorial/examples/core_components/store_clicks.py'),
'store-share': tools.load_example('tutorial/examples/core_components/store_share.py'),
'tabs_callback': tools.load_example('tutorial/examples/core_components/tabs_callback_graph.py'),
'tabs_simple': tools.load_example('tutorial/examples/core_components/tabs_simple.py'),
'tabs_styled_with_classes': tools.load_example('tutorial/examples/core_components/tabs_styled_with_classes.py'),
'tabs_styled_with_classes_css': tools.read_file('assets/tabs-styled-with-classes.css'),
'tabs_styled_with_inline': tools.load_example('tutorial/examples/core_components/tabs_styled_with_inline.py'),
'tabs_styled_with_props': tools.load_example('tutorial/examples/core_components/tabs_styled_with_props.py'),
'upload-datafile': tools.load_example('tutorial/examples/core_components/upload-datafile.py'),
'upload-gallery': tools.load_example('tutorial/examples/core_components/upload-gallery.py'),
'upload-image': tools.load_example('tutorial/examples/core_components/upload-image.py'),
'button_basic': tools.load_example('tutorial/examples/core_components/button_basic.py'),
'button_n_clicks_timestamp': tools.load_example('tutorial/examples/core_components/button_n_clicks_timestamp.py'),
'logout_button': tools.load_example('tutorial/examples/core_components/logout_button.py'),
'loading_component': tools.load_example('tutorial/examples/core_components/loading_component.py')
}
# Dropdown
Dropdown = html.Div(children=[
html.H1('Dropdown Examples and Reference'),