Hi everyone,
I’d like to add an external widget to a dash app.
In the docs of the widget it says I have to add:
<script type="text/javascript" src="//www.basketball-bund.net/rest/widget/widgetjs"></script>
in the header of the html file and
<div id="widget_1600452066735"></div>
<script>
widget.vereinswidget('widget_1600452066735',
{"iframeWidth":500,"iframeHeight":700,"showRefreshButton":true,"titleColor":"FFFFFF","titleBgColor":"F39402","tapColor":"FFFFFF","tapBgColor":"333333","colorMatchGroup":"666666","bgColorMatchGroup":"F0F0F0","colorMatchListItem":"000000","bgColorMatchListItem":"FFFFFF","showKuerzelInSpiele":false,"vereinsId":"4522","homeMatchesOnlyInit":false,"rangeDays":8});
</script>
in the body.
If I add everything in the
app.index_string
it works, but if I try to add the widget in the
app.layout
it does not work anymore. I tried to embody the script in html.Script() but the error massage reads:
NameError: name ‘widget’ is not defined
Any help?
Thanks in advance!