Black Lives Matter. Please consider donating to Black Girls Code today.

Create and Display Error Message

Hi guys,

I created a form in Dash where the user inputs data and can store it in a database. Now I’d like to display an error message when the user tries to insert invalid data. What would be the best way to do this?

Some options I’m looking at:

  • Abuse the ConfirmDialog component for this.
  • Create a div. (The div would have to be removed again after x seconds)
  • Use Flask Flashing (It seems this is not supported though)

Any advice would be much appreciated!

3 Likes

Hi Martijn,

Have you figured out which solution works best for you? Either the ConfirmDialog or creating a div? Or perhaps a different approach?

Hi,

Back then I used a Div which I removed again after x seconds. (You have to write an extra callback for the removal)

Now I’d recommend using an alert: https://dash-bootstrap-components.opensource.faculty.ai/docs/components/alert/ which automatically handles the dismissing for you and has some customization options.