Betting Entertainment Tools

Widgets Demo

Live Match Tracker Compact

match.lmtCompact

This widget is a compact version of of Live Match Tracker.

For the widget to render you need to provide matchId, other properties are optional.

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

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

Match ID.
disablePitchNoise boolean

Disables pitch noise which is used to generate the effect of grass
disablePitchStripes boolean

Disable pitch stripes
disablePitchOverlay boolean

Disables an overlay that highlights the pitch by adding slight dim to the borders of the pitch.
disablePitchSpotlights boolean

Disables marks on the most used parts of the pitch (corners, center, penalty) and gives more realistic feel
pitchBgImage string

Url to the custom pitch image.
pitchCustomBgColor string

Custom pitch color.
customBrandColor string

Custom brand color.
pitchBrandBgColor boolean

If true, it uses the theme's primary color for pitch background.
pitchLightStyle boolean

Enable modifications for light pitch images/colors (dark pitch lines, ...)
pitchLogo string

URL to a custom pitch logo.
pitchLogoForceCenter boolean

Forces the pitch logo to the center of the pitch for basketball, tennis, ice hockey, handball, snooker, kabbadi, volleyball, beach volleyball and badminton.
logo Array.<string>

Array of urls to branding logos, which appear in overlay carousel and in ball possession banner (live match). Accepts up to 3 images, for 3 responsive breakpoints, starting with the image for largest size. If only 1 or 2 images are provided, the last image will be used for the remainging smaller brekpoinst. In overlay carousel only 2 breakpoints are used, so it will take the 1st and 3rd image (or 2nd, if 3rd is not provided). Image will fill the banner height or 25% banner width, while maintaining image aspect ratio (like css background-size: contain), but not beyond image's natural dimensions.
logoLink string

URL to a page that opens when user click on the logo, Defaults to no link.
disablePitchTeamColors boolean

Used for American football, if set to true disables team colors
onTrack function

Function/event handler, see Widgets.onTrack
possessionOverlayTeamColored boolean

Enables possession overlay with team colors.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="match.lmtCompact" data-sr-match-id="match_id_here"></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.lmtCompact', {matchId: match_id_here});
</script>
<div id="sr-widget"></div>