The Alert, Popover, and Modal Bootstrap components all give our web app a much more professional appearance. Using Dash Bootstrap, we’ll learn to manipulate these components inside our dashboard, as we combine them with the dropdown and the line chart.

Video layout:
00:00 - What you will learn
02:31 - Python libraries required & Bootstrap theme
04:01 - Layout
05:34 - Popover (Graph Card)
12:36 - Alert & Dropdown (Image Card)
21:10 - Modal
26:18 - Closing Remarks

Code:

https://github.com/Coding-with-Adam/Dash-by-Plotly/blob/master/Bootstrap/bootstrap_modal.py

Data:

https://drive.google.com/file/d/1iugeiq5WUDB4cue5tJbex8q_HXLRXcNE/view

Dash HTML/CORE Components:

https://dash.plotly.com/dash-html-components

Bootstrap Theme:

https://bootswatch.com/default/

Plotly Express Line Chart:

https://plotly.com/python-api-reference/generated/plotly.express.line.html

#bootstrap #web-development #html

Bootstrap Alerts & Modals - Dash Plotly
33.40 GEEK