Hi All,
Pretty new to Dash and I have a question. I’m working on a project, and there is a lot of white space on my page so I was trying to put everything into 2 separate columns on the page. Should be easy enough, but now that I finally got everything wrapped in the correct brackets (that was a nightmare lol), it’s still displaying as one big row. Is there something I’m missing here? Thanks!
app.layout = html.Div(
dbc.Row([
html.Div([
dbc.Col([
html.Div([
daq.PowerButton(
id='my-power-button',
on=True,style={'padding-bottom':'5px'}
),
html.Div(id='power-button-output',style={'text-align':"center",'padding-bottom':'5px'}),
html.H1('The Florian Project',style={'text-align':"center"}),
html.Div(id='movement_text',style={'text-align':"center"}),
dcc.ConfirmDialog(
id='confirm',
message='No movement detected for FF1. Confirm?')
])]),
dbc.Col([
dcc.Graph(id='live-update-position',style={'padding-top':"5px"}),
dcc.Interval(
id='interval-component',
interval=1*1000,
n_intervals=0
),
dcc.Interval(
id='movement-interval',
interval=30*1000,
n_intervals=0
)
])
],style={'margin':'auto','width':'60%'})])
)