Documentation

Widgets.us.match.mlb.Lineups

us.match.mlb.lineups provides visualized information about confirmed team starting lineups and team starting pitcher for the upcoming match.

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.
hideTeamNames boolean <optional>

If true hides team names above fields.
border boolean <optional>

If true enables a border around the widget.
onItemClick function <optional>

Function/event handler. Emits playerId on player list item click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.mlb.lineups" data-sr-match-id="17131611"></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.mlb.lineups', {matchId: 17131611});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<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.mlb.lineups', {matchId: 17131611, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>