Documentation

Widgets.us.match.soccer.Lineups

us.match.soccer.lineups shows us the lineups of the match, detailed tactics and substitutes of both teams

For the widget to render you need to provide matchId.

new Lineups(props)

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

Match id.
disableWidgetHeader boolean <optional>

If true hides widget header.
disableMatchHeader boolean <optional>

If true hides match header.
disableSubstitutes boolean <optional>

If true hides substitutes at the bottom.
onItemClick function <optional>

Function/event handler. Emits playerId, seasonId on player click or touch.
border boolean <optional>

If true draws border around widget.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.soccer.lineups" data-sr-match-id="20064536"></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.soccer.lineups', {matchId: 20064536});
</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.match.soccer.lineups', {matchId: 20064536, onItemClick: function(type, obj){alert('playerId: ' + obj.playerId);}});
</script>
<div id="sr-widget"></div>