Betting Entertainment Tools

Widgets Demo

Cup Roster

A season.cupRoster brings soccer playoff matchups.

All properties are optional but in order to render a cupRoster you will need to provide one of the following parameter combinations:

  1. seasonId,
  2. matchId or tid or utid (are used to obtain current seasonId).
Parameters
Name Type Attributes Default Description
props object <required>
matchId number <required>

Match Id.
seasonId number <required>

Season Id.
utid number <required>

Unique Tournament Id.
tid number <required>

Tournament Id.
disableWidgetHeader boolean false

When set to true, hides widget header.
onItemClick function

Function/event handler. Emits { matchId: matchId, seasonId: seasonId } on click or touch.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="season.cupRoster" data-sr-season-id="84222" data-sr-show-only-selected-group="true"></div>
<script type="application/javascript" src="https://widgets.sir.sportradar.com/sportradar/widgetloader" async></script>

JS/Programmatic

<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.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'season.cupRoster', {seasonId: 84222, showOnlySelectedGroup: true});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<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.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'season.cupRoster', {seasonId: 84222, showOnlySelectedGroup: true, onItemClick: function(type, obj){alert('matchId: ' + obj.matchId + ', seasonId: ' + obj.seasonId);}});
</script>
<div id="sr-widget"></div>