dash-sample-apps icon indicating copy to clipboard operation
dash-sample-apps copied to clipboard

Try to use dbc components in CZI apps

Open emmanuelle opened this issue 5 years ago • 3 comments

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 avatar Oct 02 '20 12:10 emmanuelle

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

emmanuelle avatar Oct 02 '20 12:10 emmanuelle

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

xhluca avatar Oct 06 '20 17:10 xhluca

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.

surchs avatar Oct 14 '20 01:10 surchs