Betting Entertainment Tools

Widgets Demo

Live Match Tracker - Golf

match.lmtPlus

Client integration instructions for the Live Match Tracker widget for golf. The same widget (Live Match Tracker, match.lmtPlus) is used for golf, but behaviour and configuration differ from the standard LMT. This guide covers only what is needed for golf integration.

Golf uses the same widget as other sports, but with different behaviour and options. This document describes the parameters relevant for golf: entityId, scoreboard, tabs, tabsPosition, pitchCustomBgColor, and jwt. For the full widget API and all parameters (layout, scoreboard, momentum, etc.), see the Live Match Tracker API documentation.

Prerequisites

  • Client ID — Required to load the widget. See the Getting Started guide and FAQ (Client ID) if you do not have one.
  • Entity ID — A string identifying the stage. Accepted formats: sr:stage:<id> (e.g. sr:stage:12345) or golf:event:<id>.

Theming

Theming for the golf widget is more limited than for the full LMT. Only the rules below apply to the main widget area. Only Tabs use the same theming as full LMT.

The widget uses the theming background-color to automatically pick light or dark theme.

If widget theming is already used for the full LMT, you can leave it as is. The same font and background color rules will apply to the golf widget — no extra setup needed.

If you are setting up theming for the first time, follow the Styling Widgets guide to set up default theming, then apply golf-specific overrides as shown below.

What can be overridden for golf:

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext');

.sr-bb {
    font-family: "Roboto", "Noto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.sr-bb .srt-base-1 {
    background-color: #eee;
    color: #333;
}

.sr-bb .srt-primary-1 {
    background-color: #eee;
    color: #333;
}

.sr-bb .srt-neutral-10 {
    background-color: #e0e0e0;
}

No other .srt-* classes are supported for golf.

Parameters
Name Type Attributes Default Description
props object <required>
entityId string <required>

Entity identifier. Accepted formats: sr:stage:<id> for a tournament stage, or golf:event:<id>.
scoreboard string compact

Determines type of scoreboard. Valid values: disable, compact.
tabs object

Configuration of which tabs are displayed. See the LMT Tabs Reorder guide for valid values and structure.
tabsPosition string bottom

Position of the tab navigation bar. Valid values: top, bottom, disable.
pitchCustomBgColor string

Custom course background color.
jwt string

Used for streaming integration in the Golf LMT. See signed JSON Web Token. The token must include av in its scope.
Examples

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.lmtPlus', { entityId: 'sr:stage:12345' });
</script>
<div id="sr-widget"></div>

HTML/Declarative

<script type="application/javascript" src="https://widgets.sir.sportradar.com/sportradar/widgetloader" data-sr-language="en" async></script>
<div id="sr-widget" data-sr-widget="match.lmtPlus" data-sr-entity-id="sr:stage:12345"></div>