Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Vertical Match Timeline

us.match.soccer.verticalTimeline provides a vertical timeline for all events in a given match.

For the widget to render you must provide a valid matchId. All other properties are optional.

Parameters

Name Type Description
props object properties
Name Type Argument Default Description
matchId number required Match ID
disableWidgetHeader boolean optional If true hides the widget header.
disableMatchHeader boolean optional If true hides the match header.
filter string optional Comma separated filtering of events displayed in the timeline. Valid options are: goals, cards, substitutions, corners, penalties, ther.
sortByPeriods boolean optional If true the timeline is divided into period tabs.
eventsLayoutOption string optional mixed Layout of the timeline. Valid options are: mixed, central, toSides.
disableFooter boolean optional If true
border boolean optional If true draws a border around the widget.

Examples

<div class="sr-widget" data-sr-widget="us.match.soccer.verticalTimeline" data-sr-match-id="20064536"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>

<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.soccer.verticalTimeline', {matchId: 20064536});
</script>
<div id="sr-widget"></div>