Skip to main content
86 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
1 answer
49 views

The dbc.Input debounce paramenter works for me when set to True but it does not work for a number like 2. Tried in Fedora 43 with both Firefox and Chromium. It works with dcc.Input from dash import ...
Clodoaldo Neto's user avatar
  • 127k
0 votes
0 answers
80 views

I want the dash.dcc.Dropdown to look like the dbc.DropdownMenu in the bootstrap site: This is my sample code: # -*- coding: utf-8 -*- from dash import Dash, dcc, html import dash_bootstrap_components ...
Clodoaldo Neto's user avatar
  • 127k
-1 votes
1 answer
56 views

In a Plotly Dash application I'm trying to use the horizontal space optimaly. There are four columns in the first row. Right now this is what I have: from dash import Dash, dcc, html, Input, Output, ...
Clodoaldo Neto's user avatar
  • 127k
5 votes
1 answer
83 views

I have a large application that is written in Dash with Dash Bootstrap Components (dbc). The problem is that dbc only has datepickers not datetimepickers, so I looked to Dash Mantine Components (dmc) ...
Thomas's user avatar
  • 276
0 votes
0 answers
19 views

I am testing this Dash/Plotly Layout that has 4 graphs and needed them closely knit together but can't seem to get it work. It looks to me Plotly graphs add lots of spaces around the graph creating ...
AliasSyed's user avatar
  • 97
0 votes
0 answers
85 views

I am working on a dash app where that will have a dash bootstrap component AccordionItems dynamically created. When I click the search-trigger button, the dialog box is opened and a query to a ...
eduardo_praun's user avatar
  • 51
0 votes
1 answer
231 views

I am trying to build a dashboard. The problem is even if I specify className="g-0" and justify="start". My elements are spread out across the screen with huge gaps. I need them to ...
Thoughtful_monkey's user avatar
  • 315
0 votes
1 answer
359 views

Issue: I pip3.8 installed dash_bootstrap_components and Import dash_bootstrap_components doesn’t work. How can I fix my error ? this is what I have: # Creates the interactive dashboard using the ...
too_cool_for_school's user avatar
  • 1
-1 votes
1 answer
63 views

I have a dbc.Container in an app showing various cards with basic data. But I want to replace them with Gauge Charts as the cards look clunky and i feel like the gauge charts would do a better job. ...
Samuel Gottipalli's user avatar
  • 91
1 vote
1 answer
280 views

I can't seem to move the alignment of text within a dbc card. Using below, I want to move 100 in card 2 down. I'm trying everything to move it up or down but nothing seems to work. I have certain card ...
tonydanza123's user avatar
  • 105
0 votes
1 answer
326 views

I want my graphs to look like this: But with the code below, I get this. It is similar to the question here, but I cannot seem to make that solution (of adding style="display":"inline-...
Thon Deboer's user avatar
  • 73
2 votes
1 answer
4k views

I'm trying to replicate "multi_page_example1" from https://github.com/AnnMarieW/dash-multi-page-app-demos/tree/main. This uses a drop-down menu to navigate to different pages. However, I ...
Alex M's user avatar
  • 187
0 votes
1 answer
973 views

If I recreate the dash-core-components Tabs example and apply a stylesheet, my tabs (and plot area) don't seem to be taking the formatting. from dash import Dash, dcc, html, Input, Output, callback ...
GallopingNarwhal's user avatar
  • 97
1 vote
1 answer
847 views

I want to create a layout for a dashboard using dash_bootstrap_components that looks like this: +---+---+---+ | | 2 | 3 | | 1 |---+---+ | | 4 | +---+-------+ Is this possible? Can someone ...
Ben Karl's user avatar
  • 13
0 votes
0 answers
197 views

I hope you are having a good day. I'm trying in the Python code snippet below to change the theme while the app running. Is there a way to assign the theme to external_stylesheets argument? Is there a ...
Tamer Gomaa's user avatar
  • 19
0 votes
1 answer
266 views

I'm building a data explorer using dash, plotly, and dash bootstrap components. I would like a layout for my data to look something like: desired graph layout However, using dbc to slowly build up the ...
K. A. Mendoza's user avatar
  • 3
1 vote
1 answer
2k views

I've tried to set the max height/width on dbc components within an app but when adjusting the screen size, the layout changes. Is there a way to make the layout more flexible to ensure the same ...
Chopin's user avatar
  • 234
2 votes
1 answer
3k views

I can adjust the margin and padding around/between various dcc components. But I'm aiming to increase the space within these functions. I have a Checklist and RadioItems below. I want to increase the ...
Chopin's user avatar
  • 234
0 votes
1 answer
726 views

Let's say I have 10 records on my database and I want to render all of them in my Dash web app, is there a way where I can render all of them through a for loop? I've tried creating a function that ...
bona.coder's user avatar
  • 3
0 votes
1 answer
90 views

I've got two separate figures that use callbacks to filter spatial coordinates. The figures contain a scatter plot and a heat map. Is it possible to incorporate both within a single figure, but use ...
jonboy's user avatar
  • 392
0 votes
1 answer
376 views

I'm trying to plot certain values using dash as a bar chart but use a separate column to map the colors. Using below, I'm plotting dates as a bar-chart that corresponds to a drop down bar. Is it ...
Chopin's user avatar
  • 234
2 votes
2 answers
595 views

I've got an interactive bar chart that displays counts from days of the week. I'm trying to set the color map so each day of the week maintains the same color. At the moment, if I remove any days, the ...
Chopin's user avatar
  • 234
1 vote
1 answer
307 views

I'm aiming to plot multiple graphs in a dbc.Container that can be manipulated with various filtering controls. The following app layout includes a DatePickerRange for dates, Dropdown for days of the ...
Chopin's user avatar
  • 234
0 votes
1 answer
136 views

I'm trying to insert an interactive bar-chart using values in a df. Using below, I've got the unique values from Type displayed as RadioItems. I'm aiming to link these to a bar chart within the dbc....
Chopin's user avatar
  • 234
0 votes
1 answer
1k views

I'm aiming to include interactive counts as metrics. Specifically, insert total sums within cards that will changed depending on the variable selected from a nav bar. Using below, the Navbar is used ...
jonboy's user avatar
  • 392
1 vote
0 answers
174 views

In Python I am working with Dash and Dash bootstrap components. I am having trouble with the bootstrap Modal component. My most basic implementation of the modal, using the first example here, works ...
kerel123's user avatar
  • 129
0 votes
2 answers
774 views

I've tried many things but I can't get this code to render. Unfortunately, it only appears as a string in the browser. The variable "html code" contains the code that the Tradingview chart ...
Chris0815's user avatar
  • 69
1 vote
0 answers
192 views

I am using dash bootstrap components and I would like to remove the black border on hover on the header. also if I remove the 404 page from the navbar, the 404 does not work when i enter a page that ...
grayred8's user avatar
  • 93
3 votes
0 answers
1k views

I am trying to replicate the Navbar on the left side in the following link: https://historicalbaseball.herokuapp.com/team I have tried this so far and I've looked through the other example projects ...
np2020's user avatar
  • 140
1 vote
1 answer
1k views

I am trying to use dbc spinner, and I notice spinner_style is used to add Inline CSS styles to apply to the spinner. Is there an example of how to use this config? I am currently using ...
Bravo's user avatar
  • 677
1 vote
0 answers
311 views

I am trying to format the components of a dash app using dash bootstrap components. I would like to have the graph in the image next to a slider component, as indicated in the bottom image. It's not ...
Tim Kirkwood's user avatar
  • 756
1 vote
1 answer
988 views

I am attempting to: create a border around the outside of the table make the border have a radius When I apply styling by stating either all 4 border sides individually (like below), the lines between ...
ah2Bwise's user avatar
  • 170
1 vote
1 answer
337 views

I’m having a problem with the positioning of my chart on the page, in this case I’m using Dash Bootstrap Components to create rows and columns on the page… My graphic should be next to the Card, but ...
Luis Sanches's user avatar
  • 13
-3 votes
1 answer
64 views

I want to place div one after another, in different directions like below linked image. Which bootstrap components can use get exact same design? Do you know any design ideas please guide me.
kumari shwetha's user avatar
  • 81
3 votes
0 answers
793 views

I'm building an app in Dash using the dbc module and all of my other components and UI elements have corners rounded for 20px. However, I use a CardGroup component to display some information as ...
David K.'s user avatar
  • 51
0 votes
1 answer
1k views

I have a large file of images I will like to display and eventually filter on (with callback) using dbc.Carousel. Currently, I cannot get the images to display on the local test server (127.0.0.1) - I ...
Sam Dean's user avatar
  • 399
1 vote
1 answer
376 views

I switch between two plotting formats with a radio button. Let us call the two options 'a' and 'b.' When option 'a' is selected, I want to plot two figures side by side using bootstrap row/col. When ...
hossein sadeghi's user avatar
  • 63
0 votes
1 answer
1k views

I have a Dash app made up of three sections: top, middle and bottom. I want it to look like this when displayed on mobile (viewport size xs): +--------+ # mobile | top | |--------| | ...
lukearend's user avatar
  • 170
1 vote
1 answer
4k views

I guess my problem is with formating html which is created automatically. I need a navbar with several buttons. 1 on the left, 2 on the right. Between those buttons i need some text. I manged to do ...
foodshare's user avatar
  • 41
4 votes
1 answer
1k views

How can I have two labels for a toggle button in Plotly Dash? Or a different kind of button with two labels. In the picture above, the 'Toggle here for XX' are the labels. Currently, its defined as: ...
Himanshu Joshi's user avatar
  • 181
1 vote
1 answer
1k views

I am using dash bootstrap components so all my components are where I want them in my layout. But they are alinged in the center of their rows. There is a lot of emtpy space from the left side to my ...
Birk's user avatar
  • 69
0 votes
1 answer
2k views

I have a dashboard app I'm working on. It has 3 buttons that each collapse/expand a section when clicked. What I'd like to do is have every other section be closed when clicking one of the buttons. ...
FranksNBeans's user avatar
  • 18
2 votes
1 answer
1k views

I've seen multiple posts about how to create mixed height/width using Dash's built in dbc components and didn't see a truly flexible, easy to use method for making the following: here are some links, ...
joshp's user avatar
  • 856
0 votes
1 answer
3k views

I'm using both html elements and dash bootstrap components in my code and wonder if I can connect an HTML component with a Dash component in callback. For example, I have a dash dropdown menu and want ...
sgrimes's user avatar
  • 159
1 vote
1 answer
1k views

I'm making a plotly - dash app that has a navigation side bar to browse through the different app pages (see code below). One of the navigation items contains a dbc.DropDownMenu that hangs over the ...
Tim's user avatar
  • 203
1 vote
1 answer
2k views

I wrote an app with Plotly Dash / Dash Bootstrap Components (dbc). It looked fine when using a light theme (Spacelab), but with dark themes (I tried Darkly and Cyborg), dropdowns and selects are not ...
Thomas's user avatar
  • 5,174
0 votes
1 answer
4k views

I'm currently working on a Dash frontend interface (python), where I'm loading data from a Pandas dataframe into a table. My question is: How do I render a hyperlink in a table? I would be interested ...
gru's user avatar
  • 3,219
0 votes
1 answer
2k views

How to resize text and numbers in indicator automatically when changed browser window size. For example: import plotly.graph_objects as go import dash_bootstrap_components as dbc import dash import ...
Galat's user avatar
  • 487
0 votes
1 answer
5k views

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( ...
NRVA's user avatar
  • 507
0 votes
0 answers
1k views

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 ...
Monu Yadav's user avatar
  • 590

1
2