Hi - new to dash & it looks like a great start, but I’m coming to a python environment from shinyR land where I’ve had the luxury of layout via bootstrap built in, a nice full-featured. Are there any examples or contribs out there with bootstrap layout, eg. tabs & bootstrap controls, and/or a datagr…

After you init your Dash object, as app you do app.css.append_css({"external_url": "https://url.com/mycss"}) As pointed out here Dash HTML Components | Dash for Python Documentation | Plotly the html elements and Dash classes are the same, but you need to change some syntax. Here is a direct quote…

Also, we maintain a more minimal CSS stylesheet at https://codepen.io/chriddyp/pen/bWLwgP that is easily brandable.

I’m not sure these answers are related - I’m looking for (and will probably create if they dont exist) bootstrap components with databindings for interactivity as in the inbuilt selectors/sliders etc) https://plot.ly/dash/getting-started-part-2

My approach to making the bootstrap grid layout more accessible while creating Dash html component trees has been to define my own pseudo components (actually just functions masquerading as Dash components) that mean you don’t have to keep writing things like className='row' and className='col'. Fo…

[image] nedned: to define my own pseudo components (actually just functions masquerading as Dash components) that mean you don’t have to keep writing things like className=‘row’ and className=‘col’. Yes!! This is the way to do it. I tried to communicate this in the user guide with “Reusable c…

Yep, and I think those suggestions in the user guide combined with seeing examples of reusable layout fragments that you have written helped prime these kind of abstractions for me. I think that having some exposure to working with component-based front-end frameworks has also helped. The idea of h…

Hi @nedned , I just checked your repo. It looks great!!, but I have a question. Will you fix the side bar? I would like to use your code for the side bar on my sample project. Great job.

Hey thanks a lot :slight_smile: I’m certainly planning on fixing that up and rolling out some more improvements/features. Hopefully will be getting onto it in the next week or two.

For anyone coming to this late, you may be interested in checking out dash-bootstrap-components , an open source library of Bootstrap themed components for Plotly Dash. Check out the show and tell thread for some more relevant links and discussion.

Dash Bootstrap and DataGrid components/contrib?

Dash Python

chriddyp January 17, 2018, 10:28pm 5

This example app integrates some bootstrap components: Gene expression example (Show and Tell)

Topic		Replies	Views
Html components and bootstrap Dash Python	2	867	September 22, 2020
Getting Bootstrap components working is currently clunky with python API Dash Python	3	5218	January 18, 2018
Dash Design Visually Dash Python	3	2589	April 1, 2019
Using dash bootstrap components with an external bootstrap template and custom components Dash Python question	1	487	October 18, 2022
Any sample or guideline to use Bootstrap 4 with Dash? Dash Python	12	7331	January 11, 2019

Dash Bootstrap and DataGrid components/contrib?

Related topics