dash-bootstrap-components is a library of Bootstrap components for Plotly Dash.
dash-bootstrap-components is a library of Bootstrap components for Plotly Dash, that allows you to build consistently styled apps with responsive layouts.
Questions tagged [dash-bootstrap-components]
77 questions
0
votes
1 answer
Styling Accordion dash bootstrap component
I would like to customize the tabs in the accordion bootstrap component.
This is the code:
import dash_bootstrap_components as dbc
from dash import html
accordion = html.Div(
dbc.Accordion(
[
dbc.AccordionItem(
…
NRVA
- 507
- 3
- 20
0
votes
0 answers
dash bootstrap components not showing columns side by side
I'm using dash bootstrap component library to layout my dashboard. However the columns don't display properly when I'm using controls inside them.
Here is the code that I have for the app_layout
sidebar = html.Div(
…
Monu Yadav
- 519
- 2
- 17
0
votes
2 answers
Jump to html anchor using dash-bootstrap-component button in python
I'm trying to get a button to jump/scroll to a certain part of the webpage using dash-bootstrap-components. The anchor is added to the URL correctly, but the webpage doesn't move.
import dash_html_components as html
import dash_bootstrap_components…
Sir Tom Tom
- 11
- 3
0
votes
1 answer
DBC (dash bootstrap components ) are not rendered in the pywebview; But renders in the browsers
I am trying to create a web application using the python dash framework. When I tried with normal HTML or dcc (dash core components), pywebview is able to load the contents. But If I use dash bootstrap components in my UI, the pywebview displays the…
Muthu Saravanan R
- 41
- 3
0
votes
1 answer
Dash Table not showing
I have the following code
import dash
import dash_bootstrap_components as dbc
from dash import dcc
from dash import html
from dash import dash_table
from dash_bootstrap_templates import load_figure_template
import pandas as pd
df =…
Jorge Gomes
- 304
- 2
- 15
0
votes
1 answer
How to update sidebar layout in Dash?
I have made a simple sidebar according to example in
https://dash-bootstrap-components.opensource.faculty.ai/examples/simple-sidebar/
Now I need change that navbar content when user changes pages. I would like to make it dynamic & hierarchical.
This…
perza
- 403
- 7
- 14
0
votes
0 answers
How to remove the margins of the body of a Dash Plotly (Python) Application?
I've been trying to remove these margins (highlighted in red, on the left and right) on my Dash app, but nothing seems to be working. Even using the Chrome developer tools, I can't remove them:
app = JupyterDash(__name__,…
chillingfox
- 131
- 9
0
votes
1 answer
Python dash gauge - how can i use strings as values instead of numbers?
Here is my code (basically you can find the same thing in html dash documents)
I would like to make something similar to this:
As you can see there are different segments which are named, and below the gauge there is also a segment name.
import…
Balázs Patai
- 105
- 1
- 9
0
votes
1 answer
My layout of my dbc.Row dash bootstrap isn't displaying side by side
I'm trying to create a dashboard to display bullet charts side by side, but they are showing vertically underneath each other. I'm using dash.bootstrap-components with plotly. A lot of people are saying in different forums that I should add the…
alphanumEric
- 89
- 8
0
votes
1 answer
'Action' attribute of the dash_bootstrap_components 'form'
I'm trying to build a small form with dash and dash-bootstrap-components, but I can't figure out how to use the 'action' attribute of the form.
Or, rather, I'm trying to save the data that the user inputs into the form to the Postgres DB, and the…
Denis Shvetsov
- 206
- 1
- 2
- 10
0
votes
2 answers
How to split and align buttons in bootstrap dash plotly navbar? (dbc navbar)
I am facing a problem with styling bootstrap for dash plotly navbar element.
I need a navbar with several buttons. One on the left, 2 on the right. Between those buttons i need some text (which would olso have buttons to switch dashboards, but i…
vokiatik
- 13
- 7
0
votes
2 answers
DASH plotly bootstrap hide div on print
I'm using DASH app on Heroku that requires user to print out the page in PDF. I'm looking to 'save to pdf' option in the browser, however, a simple page print contains Div elements that are undesirable such as buttons. I'm using DASH BootStrap…
Robert Marciniak
- 163
- 1
- 2
- 14
0
votes
1 answer
Dash Callback function not responding; Error: Duplicate Callback Output
I am trying to create a dashboard consisting of 8 buttons, each of which corresponds to a filtered df and 4 dropdowns. The attempt was to take the filtered df according to the triggered button and use 4 columns of the df for 'options' of 4 different…
0
votes
1 answer
How to use implement a ListGroup of ListGroupItem (s) dynamically in Plotly Dash?
I want to create a list of words that updates dynamically in a Dash application.
For that, I would like to use ListGroup and ListGroupItem from the dash_bootstrap_components library.
Now, my callback bellow would work if the children attribute of…
Vlad-Marius Griguta
- 147
- 1
- 8
0
votes
1 answer
dbc.button with html code - entire button not clickable
I am trying to create a website with Dash for python using dash bootstrap components (dbc). I have dbc.buttons within a jumbotron and have html text imbedded in them. I am not able to increase the clickable area to cover the whole button. I changed…
Saumya93
- 1
- 1