Checklist - Python Dash Plotly

Using Dash by Plotly, we'll explore the Checklist component in detail. This will give your graphs and analytics app much more interactive capabilities. Links below:

View my book - The Book of Dash:

The Code:

CSS form:

Data:

Dash Checklist:

[MrProzaki]

Wish i had found u sooner .... keep up the good work man. thanks for the tuts :]

[markgolob]

Great video (as always!)

Can you control the shading/background color of the individual checkboxes? Here, they are all the same color and don't change if the box is checked or not. Can the background be white/blank but then green (or any shade) if you selected one, while any non-selected checkboxes have a white background? If so, can you advise how to approach that?

Thanks!

[jitinginotra]

Problem is that if the user select only one value in Checkbox wherein the value returned is a string and not a list of strings, this will throw an error because you are using isin function.

[fahidlatheef]

Great Tutorial!!

How to have the labels in 2 rows? I tried, but it is either a single row or single column. Any help will be appreciated.

[ysingh]

Very helpful videos, you are doing a great job!
Is there any way where we can uncheck some checkbox, if we write something in the dcc. Input?

[sancharibose]

hi, I need to make a dropdown with the options in a checklist, like how it appears in excel filters. Can you please help?

[sudeepseikh]

nice video if we need select all option in the check list.what we do??

[nickmichiels]

Hi,

Great video's!!!

I am trying to get my checklist, tumbnail and text inline, but it is not working for me.

Code:
html.Div([
dcc.Checklist(
options=[
{'label': html.Div([
html.Img(src='data:image/png;base64, {}'.format(encoded_image.decode()), style={"display":'inline-block'}),
html.Div('Python', style={"display":'inline-block', 'color': 'Gold', 'font-size': 20})]),
'value': 'NYC'},
{'label': 'Montréal', 'value': 'MTL'},
{'label': 'San Francisco', 'value': 'SF'}
],
)
]),

Any advice how to achieve this?