plotly / dash-sample-apps

Open-source demos hosted on Dash Gallery
https://dash.gallery
MIT License
3.15k stars 3.04k forks source link

Try to use dbc components in CZI apps #501

Open emmanuelle opened 4 years ago

emmanuelle commented 4 years ago

App name : bounding box app, trainable segmentation app, superpixels app

At the moment we use quite a lot of CSS to make sure that the different parts of the app are responsive (when the screen is resized etc.). It could be interesting to try to use dash-bootstrap-components to see if the resulting code is easier to read.

emmanuelle commented 4 years ago

See for example https://dash-bootstrap-components.opensource.faculty.ai/docs/components/card/

xhluca commented 4 years ago

Awesome! I've used dbc in a few recent apps, their components makes it easy to use various themes without changing CSS.

surchs commented 4 years ago

I think the code gets more readable with dbc and using these components seems generally easier than going the css route. An added benefit is that we can probably remove a lot of the css in the custom stylesheets and thereby improve their readability as well.

I have also taken some pointers from @xhlulu and broke the layout up into separate components like in the aix360-heart. I think this also improves readability a lot.