Is it possible to have a collapsible html Div in dash? I’ve tried but I get a SyntaxError when assigning the html class: SyntaxError: invalid syntax File “/xxx/dash.py”, line 18 html.Div([html.Button(‘Click me!!!’,type=“button”, class=“btn btn-info”)]), ^

You need to use className instead of class, as class is a Python reserved keyword, which is why you’re getting the error :slight_smile:

Thanks! (and sorry about the rookie error). I still haven’t mastered the collapsible div the HTML way but can get the functionality I need from your suggestions. Here is my proof of concept for three show/hide options (re-hashed from existing examples): RaioItems, Button and HTML-summary: app.layo…

I think using a simple html.Details will work out fine. Like this: html.Details([ html.Summary(‘Parameters Tab(Click To Show!!!)’), html.Div([ html.Table(id=‘Tab-keeper’,), ]) ],className=‘row’,style={‘position’:‘fixed’,‘right’:‘0’,‘top’:‘0’,‘float’:‘right’, ‘color’:’#ffffff’,‘background-col…

it saved me …phew!!! :slight_smile: thank you

You could also now use the Collapse component from dash-bootstrap-components (which didn’t exist when this thread was started).

Collapsible Div in Dash?

Dash Python

chriddyp November 3, 2017, 8:25pm 3

Also (unrelated to your syntax error), if you are looking for collapsible divs, see Show/hide radio and form elements in a menu - #4 by chriddyp

Topic		Replies	Views
How to Create collapsible sidebar Dash Python	1	3617	October 27, 2020
Show/hide radio and form elements in a menu Dash Python	12	23166	August 12, 2020
Checklist in html.Details Dash Python	1	734	March 25, 2019
Generate dynamic collapsibles Dash Python	0	421	May 26, 2020
How to hide html.button Dash Python	2	10814	May 19, 2019

Collapsible Div in Dash?

Related topics