building_criteria = html.Div([
html.H1(‘Model Selection Criteria’, className=‘sub-heading’),
# Text area
html.Div(
html.Textarea(placeholder=‘Enter some thing…’, rows=5, cols=120, className=‘model-selection-text-area’),
className=‘model-selection-text-area-div’
),
html.Br(),
# Model Selection criteria to select Segment, Region and System
html.Div(
[
html.Span(html.B(‘Segment’, style={‘padding-left’: ‘157px’, ‘padding-right’: ‘70px’,
‘padding-bottom’: ‘30px’, ‘font-size’: ‘20px’})),
html.Span(dcc.Dropdown(placeholder=‘Select Segment’,
id=‘segment’,
options=[
{‘label’:‘Consumer’, ‘value’:‘Consumer’},
{‘label’:‘Pharma’, ‘value’:‘Pharma’},
{‘label’:‘MD’, ‘value’:‘MD’}
],
value=‘Consumer’,
style={‘width’: ‘50%’, ‘display’: ‘inline-block’}))
], className=‘model-drop-down’
),
html.Br(),
html.Div(
[
html.Span(html.B(‘Region’, style={‘padding-left’: ‘160px’, ‘padding-right’: ‘80px’,
‘padding-bottom’: ‘30px’, ‘font-size’: ‘20px’})),
html.Span(dcc.Dropdown(placeholder=‘Select Region’,
id=‘region’,
options=[{‘label’:‘EMEA’, ‘value’:‘EMEA’}],
value=‘EMEA’,
style={‘width’: ‘50%’, ‘display’: ‘inline-block’}))
], className=‘model-drop-down’
),
html.Br(),
html.Div(
[
html.Span(html.B(‘System’, style={‘padding-left’: ‘160px’, ‘padding-right’: ‘80px’,
‘padding-bottom’: ‘30px’, ‘font-size’: ‘20px’})),
html.Span(dcc.Dropdown(placeholder=‘Select System’,
id=‘system’,
options=[{‘label’:‘Galaxy’, ‘value’:‘Galaxy’},
{‘label’:‘P01’, ‘value’:‘P01’},
{‘label’:‘JDE’, ‘value’:‘JDE’}],
value=‘Galaxy’,
style={‘width’: ‘50%’, ‘display’: ‘inline-block’})),
], className=‘model-drop-down’
),
html.Br(),
html.Br(),
# Proceed button to navigate to model building page
html.Div(html.A(
html.Button(‘Proceed’, id=‘proceed-button’, className=‘proceed-button’), href=’/modelling/model-building’),
style={‘align’: ‘center’, ‘padding-left’: ‘600px’}),
html.Div(id=‘criteria’,Style={‘display’:'none})
]
)
callback to store the criteria values in hidden div
@app.layout(Output(‘criteria’, ‘children’),
[Input(‘proceed-button’, ‘n_clicks’)],
[State(‘segment’, ‘value’),
State(‘region’, ‘value’),
State(‘system’, ‘value’)]
)
def criteria_options(proceed,segment,region,system):
return [segment, region, system]
I’m getting the above error while running my app.py