Guys,
I’m using FormGroup with label, input box and belonging FormFeedbeck under the input box (as shown [here](https://dash-bootstrap-components.opensource.faculty.ai/docs/components/form/) - under ''Form feedback"). However, when I try to align this “group” with another input box I just can’t get it done because it would always align with FormFeedback element and not with input box. Is there a way to do it?
Output basically looks like:
--------------label---------
label ------- input box----
input b.----feedback-----
While I want it to look like this:
label----------label--------
input b.-----input b.-----
---------------feedback----
Code looks something like this:
dbc.Row([
dbc.Col(children=[
html.Label('Team', className="font-weight-bold", style={'color': '#285465'}),
html.Br(),
dcc.Dropdown(
id='week_review',
persistence=True,
persistence_type="session",
style={'borderRadius': '5px',
'border': '1px solid #c0d4dc'}
)
],
width=3,
align="center",
className="centered-vertical"
),
dbc.Col(children=[
dbc.FormGroup(
[
html.Label('Plan', className="font-weight-bold", style={'color': '#285465'}),
dbc.Input(id="plan-input", type="plan", value="", persistence=True,
persistence_type="session",
style={'borderRadius': '5px',
'border': '1px solid #c0d4dc'}),
dbc.FormFeedback(
"Bravo!", valid=True
),
dbc.FormFeedback(
"Please insert a number",
valid=False,
),
]
)
],
width=1,
align="center",
className="centered-vertical",
)
]),
1 post - 1 participant
