Betting Entertainment Tools

Widgets Demo

My Combo Widget

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

The id of the user.
productTitle string 'POPULAR ACCUMULATORS'

The name in the header.
showHeader boolean true

If set to false, the header will not be displayed.
showRefreshButton boolean false

If set to true, displays a button in the header that loads the next most relevant combination.
numberOfCards number 10

Number of cards shown on carousel layout.
layout 'single' | 'carousel' 'single'

Specifies layout display of widget.
editLegAction 'replace'

Specifies edit action that will appear next to odd value. Adds a button to each leg.
- If the prop is not defined, no button will appear next to odd values.
betType 'same' | 'mixed' 'mixed'

The type of bet that will determine what legs will display:
- mixed: Each leg of the combo is from a different match. Displays match info for each leg (teams and match time).
- same: Each leg of the combo is from the same match. Match info displays only once per combo.
maxSelections number 12

The number of maximum selections in Bet Slip.
minTicketLength number 3

The number of minimum events that appear in a card. Value ranges between 2 and 12.
maxTicketLength number 4

The number of maximum events that appear in a card. Value ranges between 2 and 12.
maxAllowedOdds number

The number of which the multiplication of all odds within a card must not reach.
minRequiredLegOdds number

The number of which all legs odds within a card must reach to be displayed.
eventId string | number

The event id to get a bet builder for. If provided, the widget will display outcomes for this event.
filters.sport.available Array.<(string|number)>

Sportradar sports
onItemClick Widgets.BetRecommendation.OnItemClick

Set a callback to run when the event or outcome is clicked. For more information check OnItemClick.
debug boolean

When set to true, logs adapter schema errors.
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.myCombo');
</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.myCombo', {
         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>

#3

<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.myCombo', {
         productTitle: 'POPULAR ACCUMULATORS',
         layout: 'carousel',
         numberOfCards: 6,
         buttonIcon: 'path_to_image_file'
    });
</script>
<div id="sr-widget"></div>