Parameters
Name |
Type |
Description |
props |
object
|
Properties
Name |
Type |
Argument |
Default |
Description |
matchId |
string
|
|
|
Match Id.
|
disableWidgetHeader |
boolean
|
<optional>
|
false
|
When set to true , hides widget header.
|
disableMatchHeader |
boolean
|
<optional>
|
false
|
When set to true , hides match header.
|
collapseGameInformation |
boolean
|
<optional>
|
true
|
When set to false , opens the game information section
|
useTeamColors |
boolean
|
<optional>
|
null
|
Valid values are:
null (the default) = settings from the client configuration are used. If the client is configured to use team colors, then the theme can be overriden with the teamColorsTheme parameter.
true = team colors will be used, as specified with the teamColorsTheme parameter. If the teamColorsTheme is not specified and the client configuration does not specify a team colors theme, or if the teamColorsTheme contains an invalid theme name, then team colors will not be used.
false = team colors will not be used.
|
teamColorsTheme |
string
|
<optional>
|
null
|
When set (and not disabled by useTeamColors), specifies the name of the formula to calculate team colors
(e.g. mono-team-colors-light ).
|
enableTeamSelect |
boolean
|
<optional>
|
false
|
When set to true , enables team selection. Interactive areas are:
- team name and crest in a match header,
- team crests in the charts
TeamId is emitted on click or touch.
|
onTrack |
function
|
<optional>
|
|
Function/event handler, see Widgets.onTrack .
|
border |
boolean
|
<optional>
|
|
If true , it draws a border around widget.
|
|
Examples
HTML/Declarative
<div class="sr-widget" data-sr-widget="us.match.nfl.probabilities" data-sr-match-id="sd:match:2724b0ed-71b1-4c35-a977-087f4f9404f4"></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.match.nfl.probabilities', {matchId: 'sd:match:2724b0ed-71b1-4c35-a977-087f4f9404f4'});
</script>
<div id="sr-widget"></div>