Bootstrap Alerts & Modals - Dash Plotly

[@CharmingData]

Hey Everyone, I hope you find the tutorial useful. Quick note to always keep in mind: Dash BOOTSTRAP components are different than Dash CORE components. They may have similar components, such as the button, the input or the dropdown, but they have their own keyword arguments/parameters, which are used in the callback decorator (@app.callback). Be mindful of which keyword arguments you use in your callback. Good luck 🌞

[@brunoevione]

Your videos are so amazing! I'm starting a personal project that involves data from multiple dataframes and it's my first contact with pandas, so I'm struggling a bit with cleaning and preparation data, but you're making my life so easier because it's been a pleasure to learn how to use plotly. Thank you!

[@CharmingData]

Hi Bruno, Thank you for the encouraging words, and thank you for supporting me as a Patron. Please feel free to write me if you have any pandas questions as well.

[@UnpluggedPerformance]

man you are AWESOME!!!!! thank you so much!!! busy for couple of houres with modal, but now i understand.. thanks man

[@CharmingData]

I'm glad it helped. Thanks for watching.

[@viktorgoa]

How do you make the 'Submit' button also to close the modal window? I have a system where modal is just a pop up to approve saving of changes

[@wonderwoman9895]

Sir, you are amazing. Thanks : )

[@NanaOkyere]

Thanks.

[@matchangles]

Enjoy your videos. Would love it if you made something with social media data like Twitter data. Keep up the good work.

[@CharmingData]

Hi Souta, thank you for the suggestion. Are you interested in seeing how to connected public data to your dashboard, using an API, or you just want to see an analysis of social media data?

[@matchangles]

@@CharmingData Thanks for the prompt reply. I'd like to see social media data visualized with Dash. Seen your video on api connection.

[@CharmingData]

@@matchangles Got it. Thanks. I'll add it to my tutorials-to-make list :)

[@mattius459]

Is it possible to have modals/popups appear/disappear during the course of an animation? The idea is to have modals/popups appear as a chart animation progresses which explain what is happening in the chart. Could you have those modals/popups point to certain areas of the chart?

[@CharmingData]

I believe that should be possible if you can read the chart data. You can, for example, read the data and say "if x==value: activate modal

[@Bolamagica59]

Hello Adam! thank you for sharing this content. I have a page where I need to do login to enter in the home page. When opening this page, I automatically placed a modal to represent a disclaimer with my application considerations. by default, I put true for whenever I log in, this disclaimer appears. However, when I update the home page with some new information, it returns the modal with the disclaimer. I would like that every time I update the app this modal does not appear, it only appears once after logging into the app. How can I prevent this modal from running when I update the app? Do you have any examples of this? thanks

[@CharmingData]

Hey Leonardo, i have never done anything with log in log out. You can probably find more info on the matter in the Plotly forum.

[@kikodzn1851]

hey there, how do you code the sumbimit button inside the modal, I mean how to make the callback of the button!?

[@CharmingData]

What do you mean @kiko? Are you referring to the button inside the modal? If it has an id, you can create a callback for it

[@Simon0725]

Does anyone know what is the css class for modal component if we don't specify it?

[@akshatavarekar7287]

I am trying to create a popup modal, which pops up when var a=10, is it possible to do using the above mentioned method, note: new to this

[@onepablo7001]

Thanks for the Tutorial. How can i make modal to open on page reload without first clicking the button? I want to use it to create user sign in form. Thanks

[@CharmingData]

Hi One Pablo, Inside the dbc.Modal(), just change the is_open=False to is_open=True :)

[@shaokangtong1983]

Thanks for your tutorial. I am working on building up pipelines to connect the raw data from the database to the front end web app. Would love to ask if you can demonstrate how to build the app based on multiple relational dataset (maybe just like some popular BI tools, e.g. PowerBI). By the way, I would like to know how to become your Patron as I really want to learn some more advance topics.

[@CharmingData]

hi Shaokang, Thank you for your interest in supporting me. Here's my patreon: www.patreon.com/charmingdata Can you please give me an example of an app based on multiple relational datasets. Is there an app built in PowerBi that you like?