Betting Entertainment Tools

Widgets Demo

Match List

A match.matchList brings list of past, present and future matches. Scores are automatically updated in real-time during live matches.

This widget uses local storage for persisting end-user selection (date, live, show/hide odds). For the widget to render you don't need to provide any properties, all are optional.

Widget displays date/time in end user's local timezone (based on end user's operating system settings).

Parameters
Name Type Attributes Default Description
props object <required>
matchId number

Provided matchId will be selected in the list with hover style.
dayOffset number 0

Day offset from the current date. Default value is 0 (= current date).
sportId number 1

Sport id. Check CONST.sport to get valid values.
isLive boolean false

When set to true, shows live matches only.
showOdds boolean false

When set to true, shows odds.
expandAll boolean false

Expand all panels
disableOdds boolean false

When set to true, disables odds button in the right corner.
onItemClick function

Function/Event handler, emits matchId on click or touch.
onTrack function

Function/event handler, see Tracking options
filterUtIds string

Comma-separated unique tournament ids. When set, only matches within specified unique tournaments will be listed.
filterRcIds string

Comma-separated real category ids. When set, only matches within specified real categories will be listed.
favoriteTournaments string

Comma-separated unique tournament ids. When set, tournaments with specified unique id will be added to the top of the matchlist.
hideLimitedCoverageIcon boolean false

When set to true, hides the Limited Coverage Icon.
oddsDeeplinkLabels object

An object of deeplinking labels.
deeplinkParams object

An object of deeplinking params.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="match.matchList" data-sr-sport-id="2"></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', 'match.matchList', {sportId: 2});
</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', 'match.matchList', {sportId: 1, onItemClick: function(type, obj){alert('matchId: ' + obj.matchId);}});
</script>
<div id="sr-widget"></div>