Documentation

Widgets.us.season.soccer.TournamentBracket

A us.season.soccer.tournamentBracket brings soccer playoff matchups.

All properties are optional but in order to render a TournamentBracket 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).

new TournamentBracket(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
matchId number

Match Id.
seasonId number

Season Id.
utid number

Unique Tournament Id.
tid number

Tournament Id.
disableWidgetHeader boolean <optional>
 false

When set to true, hides widget header.
border boolean <optional>

When set to true, border draws around widget.
onItemClick function <optional>

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

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.season.soccer.tournamentBracket" data-sr-match-id="20869015" data-sr-show-only-selected-group="true"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" 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.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.season.soccer.tournamentBracket', {matchId: 20869015, 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.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.season.soccer.tournamentBracket', {matchId: 20869015, showOnlySelectedGroup: true, onItemClick: function(type, obj){alert('matchId: ' + obj.matchId + ', seasonId: ' + obj.seasonId);}});
</script>
<div id="sr-widget"></div>