Widget Docs
Coverage MatrixDocumentationChange LogLog InContact Us
Widget Docs

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

NameTypeDescription
propsobjectproperties
NameTypeArgumentDefaultDescription
matchIdnumberrequiredMatch ID
disableWidgetHeaderbooleanoptionalIf true hides the widget header.
disableMatchHeaderbooleanoptionalIf true hides the match header.
filterstringoptionalComma separated filtering of events displayed in the timeline. Valid options are: goals, cards, substitutions, corners, penalties, ther.
sortByPeriodsbooleanoptionalIf true the timeline is divided into period tabs.
eventsLayoutOptionstringoptionalmixedLayout of the timeline. Valid options are: mixed, central, toSides.
disableFooterbooleanoptionalIf true hides the footer.
borderbooleanoptionalIf 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>