Black Lives Matter. Please consider donating to Black Girls Code today.

Add an external Widget

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!