@abdelkrimALTF1 wrote:
Hi, I am trying to build a screen by passing a tuple of ‘spans’ by parameters :
how can I pass a list of spans and add them to the children element?
layout = html.Div(children=[ html.Div(children=[ Header(app) ]), get_ibox(ibox_title="Settings", ibox_content={get_boolean_switch( id="bs-is-twikey-production", label="is production?", on=False), get_label_input( id="i-twikey-token", label="Twikey token", maxLength=13, minLength=13, placeholder='Twikey Token e.g. 1234567890123', type='text', value="", )}) ], className="row")get_label_input function
def get_label_input( id=randomString(), label="Normal", maxLength=10, minLength=10, placeholder="Enter a value...", type="text", value="" ): return html.Span([html.Div(children=[ html.Label( label, className="col-sm-2 col-form-label" ), html.Div(children=[ dcc.Input( className="form-control", id=id, maxLength=maxLength, minLength=minLength, placeholder=placeholder, type=type, value=value, ), ], className="col-sm-10") ], className="form-group row" ), html.Div(children=[ ], className="hr-line-dashed" ) ] )get_ibox function :
def get_ibox(ibox_title="A great title", ibox_content=None): return html.Div(children=[ html.Div(children=[ html.Div(children=[ html.Div(children=[ html.H5(children=[ibox_title] ), ], className="ibox-title" ), html.Div(id='ibox-spans', children=[ {k} for k in ibox_content ], className='ibox-content', ), ], className="ibox"), ], className="col-lg-12"), ], className="row")get_boolean_switch
def get_boolean_switch(id=randomString, label="a switch", on=False): return html.Span([html.Div(children=[ html.Label( label, className="col-sm-2 col-form-label" ), html.Div(children=[ daq.BooleanSwitch( id=id, # label='is production?', on=False ), html.Label(children=[ html.Span( children=[], id='boolean-switch-output', className='label-body', ), ] ) ], className="col-sm-2") ], className="form-group row" ), html.Div(children=[ ], className="hr-line-dashed" ) ] )dash.exceptions.InvalidCallbackReturnValue:
The callback for<Outputpage-content.children>
returned a tree with one value having typeset
which is not JSON serializable.The value in question is located at
[*] Div
[1] Div
[0] Div
[0] Div
[1] Div (id=ibox-spans)
[0] setand has string representation
{Span([Div(children=[Label(children='is production?', className='col-sm-2 col-form-label'), Div(children=[BooleanSwitch(id='bs-is-twikey-production', on=False), Label([Span(children=[], id='boolean-switch-output', className='label-body')])], className='col-sm-2')], className='form-group row'), Div(children=[], className='hr-line-dashed')])}In general, Dash properties can only be
dash components, strings, dictionaries, numbers, None,
or lists of those.
Traceback (most recent call last)File "C:\App\Miniconda2\envs\py37\lib\site-packages\dash\dash.py", line 1328, in add_context response, cls=plotly.utils.PlotlyJSONEncoder File "C:\App\Miniconda2\envs\py37\lib\json\__init__.py", line 238, in dumps **kw).encode(obj) File "C:\App\Miniconda2\envs\py37\lib\site-packages\_plotly_utils\utils.py", line 44, in encode encoded_o = super(PlotlyJSONEncoder, self).encode(o) File "C:\App\Miniconda2\envs\py37\lib\json\encoder.py", line 199, in encode chunks = self.iterencode(o, _one_shot=True) File "C:\App\Miniconda2\envs\py37\lib\json\encoder.py", line 257, in iterencode return _iterencode(o, 0) File "C:\App\Miniconda2\envs\py37\lib\site-packages\_plotly_utils\utils.py", line 113, in default return _json.JSONEncoder.default(self, obj) File "C:\App\Miniconda2\envs\py37\lib\json\encoder.py", line 179, in default raise TypeError(f'Object of type {o.__class__.__name__} ' During handling of the above exception, another exception occurred: File "C:\App\Miniconda2\envs\py37\lib\site-packages\flask\app.py", line 1813, in full_dispatch_request rv = self.dispatch_request() File "C:\App\Miniconda2\envs\py37\lib\site-packages\flask\app.py", line 1799, in dispatch_request return self.view_functions[rule.endpoint](**req.view_args) File "C:\App\Miniconda2\envs\py37\lib\site-packages\dash\dash.py", line 1404, in dispatch response.set_data(self.callback_map[output]["callback"](*args)) File "C:\App\Miniconda2\envs\py37\lib\site-packages\dash\dash.py", line 1331, in add_context self._validate_callback_output(output_value, output) File "C:\App\Miniconda2\envs\py37\lib\site-packages\dash\dash.py", line 1187, in _validate_callback_output _validate_value(output_value) File "C:\App\Miniconda2\envs\py37\lib\site-packages\dash\dash.py", line 1144, in _validate_value bad_val=j, outer_val=val, path=p, index=index File "C:\App\Miniconda2\envs\py37\lib\site-packages\dash\dash.py", line 1125, in _raise_invalid bad_val=bad_val, dash.exceptions.InvalidCallbackReturnValue: The callback for `<Output `page-content.children`>` returned a tree with one value having type `set` which is not JSON serializable. The value in question is located at [*] Div [1] Div [0] Div [0] Div [1] Div (id=ibox-spans) [0] set and has string representation `{Span([Div(children=[Label(children='is production?', className='col-sm-2 col-form-label'), Div(children=[BooleanSwitch(id='bs-is-twikey-production', on=False), Label([Span(children=[], id='boolean-switch-output', className='label-body')])], className='col-sm-2')], className='form-group row'), Div(children=[], className='hr-line-dashed')])}` In general, Dash properties can only be dash components, strings, dictionaries, numbers, None, or lists of those.
Posts: 1
Participants: 1
