Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Play-by-Play

us.match.nhl.playByPlay displays a running timeline of every event in a given NHL game.

For the widget to render you must provide a valid matchId.

Parameters

Name Type Description
props object properties
Name Type Argument Default Description
matchId number required Match ID
sortOrder string 'ascending' Determines sort order. Valid options are ascending or descending.
isExpanded boolean 'false' If true displays an expanded tree.
disableFilter boolean If true hides all filters, selectors, dropdowns, tabs.
flipOnLiveMatch boolean If true displays last period only.
compactPeriodLayout boolean 'false' If true displays compact period layout.
showLast10 boolean 'false' If true limits list to last 10 events.
disableHeader boolean If true hides the header.
border boolean If true enables a border around the widget.
onToggle function Function/event handler. Emits toggle object on period heder click or touch.
onItemClick function Function/event handler. Emits event object on player cell click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.match.nhl.playByPlay" data-sr-match-id="28275758"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.nhl.playByPlay', {matchId: 28275758});
</script>
<div id="sr-widget"></div>

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.nhl.playByPlay', {matchId: 28275758, onItemClick: function(type, event){alert('event: ' + JSON.stringify(event));}, onToggle: function(toggle){'toggle: ' + alert(JSON.stringify(toggle));}});
</script>
<div id="sr-widget"></div>