Hello,
I finally got my ddk.FullScreen to populate without error however, I need to be able to scroll that full screen down. I don’t see a scrollable parameter like DBC. So two and a half graphs show but there are more underneath.
Below is my current code:
ddk.FullScreen(
children=[
ddk.Card(
width=100,
children=[
ddk.DataTable(id='item_table',
columns = [],
data = [],
filter_action = 'native',
sort_action = 'native',
),
]
)
],
id="modal_",
target_id="full_screen_render",
hide_target=True
),
ddk.Block(
children=[ddk.Header([
ddk.Title('Demand Forecasting Model Overview'),
]),
ddk.Block(
children=[
ddk.ControlCard(
[ddk.CardHeader(title="Item/Snapshot Dropdown"),
ddk.ControlItem(children = [
dcc.Dropdown(
options = [{'label':i, 'value':i}
for i in snapshot
],
multi=False,
value = '2021-01-31',
id='snapshot_dropdown_modal',
),
]
)]
),
ddk.Card(
width=100,
children =[
ddk.Graph(
id='snapshot_timeseries_modal'
),
]),
ddk.Card(
width=100,
children=[
ddk.Graph(
id='snapshot_timeseries_bias_modal'
),
]),
ddk.Card(
width = 100,
children=[
ddk.Graph(
id='timeseries_modal'
)
]),
ddk.Card(
width=100,
children =[
ddk.Graph(
id='timeseries2_modal'
)
]),
ddk.Card(
width=100,
children=[
ddk.Graph(
id='tna_figure_modal'
)
]),
ddk.Card(
width=100,
children=[
ddk.Graph(
id='promo_figure_modal'
)
]),
]),
ddk.Block(
children=[
ddk.Card(
width=100,
children=[ddk.Title('Forecaster Notes'),
ddk.DataTable(id="notes_table_modal",
columns=[],
data=[],
filter_action = 'native',
sort_action = 'native')
])
]),
ddk.Block(
width = 50,
children = [
ddk.Card(
width=100,
children =[
ddk.Graph(
id='CoV_modal'
),
]),
]
),
ddk.Block(
width = 50,
children = [
ddk.Card(width = 100,
children = [
ddk.Graph(
id='BIAS_modal'
),
])
]
)
],
id="full_screen_render",
style={'display':'block'}
)