Documentation

Widgets.us.match.soccer.VerticalTimeline

us.match.soccer.verticalTimeline shows us the course of the match as timeline.

For the widget to render you need to provide matchId.

new VerticalTimeline(props)

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

Match id.
disableWidgetHeader boolean <optional>

If true hides widget header.
disableMatchHeader boolean <optional>

If true hides match header.
filter string <optional>

Filter the events in the timeline. Input is the whole string, seperated by commas. The options are: 'goals, cards, substitutions, corners, penalties, other'
sortByPeriods boolean <optional>

If true it shows period tabs and the timeline is divided by periods.
eventsLayoutOption string <optional>
 mixed

Layout of the timeline. The options are: mixed, central, toSides
disableFooter boolean <optional>

If true footer is not shown.
border boolean <optional>

If true draws border around widget.
Examples

HTML/Declarative

<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/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.verticalTimeline', {matchId: 20064536});
</script>
<div id="sr-widget"></div>