Responsive Dash using Dash Bootstrap Components

@naoj wrote:

Hello,

I am trying to create a responsive dashboard app using dbc, but I have a problem with the columns since I do not get them to have the same height and the content within them is not aligned…

This is my MWE

dbc.Row(
   [
      dbc.Col(
           html.Div([dbc.Col(html.Div()),...,dbc.Col(html.Div())])
      ),
      dbc.Col(
         [
            dbc.Row(
                 [html.Div(), html.Div(), html.Div(), html.Div()]
            ),
            dbc.Row(
                 html.Div(dcc.Graph())
            )
         ]
      )
   ]
)

Here is a reproducible example: https://gyazo.com/bce08061e29a1208ef9890a227a50260

As you can see, when I use the options of the dcc.RadioItems the content changes which causes the elements to change in size but not remain at the same height level.

Thanks in advance.

Posts: 1

Participants: 1

Read full topic