Dash-bootstrap-components InputGroupAddon not displayed correctly

Dash Python
1

I have a dash app that takes a lot of input from users. I would like to use dbc InputGroups in order to keep track of all the inputs nicely. One of the inputs is a dollar ammount and I would like to use the addOn to display a dollar sign in front of it. But when I add this componenet the dollar sign is written as text above the input box rather than inline/ within the box like the examples I have seen. Any idea why this is happening

Code:
image

Result:
image

Desired result would be somthing like this:

image
image810×61 944 Bytes

2

Hi @eambrioso

It looks like you forgot to include a Bootstrap stylesheet. Here is one way to add it:

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
2 Likes
3

Thanks! Silly mistake by me. This solved the issue

1 Like