Betting Entertainment Tools

Widgets Demo

Event List

Parameters
Name Type Attributes Default Description
props object
user string | number

User ID.
outcomeNamePosition 'start' | 'end' | 'top' | 'bottom' start

Positioning of outcome name.
onItemClick function

Function/event handler. Emits event and outcome data on click or touch. Example:

onItemClick: function(target, data) {
     // do something with `target` and `data`
      console.log(target, data);
 }

Click on the card emits object with externalEvent property as an object.

Click on one of the outcomes emits object with following properties: externalEvent, externalMarket and externalOutcome (all properties are objects).
hideMarketNameRow boolean false

Hides the display of market name row in table.
collapseLayout boolean false

Collapses layout to two row view If no value is set, the default icon will be displayed, if enableCashbackIcon prop is set to true.
showMoreMarketsButton boolean false

Makes the button that displays the number of available markets for the event visible (navigates to the event page)
Examples

#1

<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('registerAdapter', '{ADAPTER_NAME}');

    SIR('addWidget', '#sr-widget', 'betRecommendation.eventList');
</script>
<div id="sr-widget"></div>

#2

<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('registerAdapter', '{ADAPTER_NAME}');

    SIR('addWidget', '#sr-widget', 'betRecommendation.eventList', {
         numberOfEvents: 2,
         numberOfExpandedCompetitions: 'all',
         filters: {
             sport: {
                 available: ['1', '2', '5', '20'], // Sportradar sport ids.
             },
         },
         branding: {
             sports: {
                 icons: { // custom icons for sports
                     1: 'path_to_image_file',
                     2: 'path_to_image_file',
                     5: 'path_to_image_file',
                     20: 'path_to_image_file'
                 }
             }
         },
         onItemClick: function(target, data) {
             console.log(target, data);
         }
    });
</script>
<div id="sr-widget"></div>