Documentation

Widgets.us.common.nfl.ArticlesList

us.common.nfl.articleList displays a list of articles for NFL.

new ArticlesList(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
providerId number <optional>

Provider id.
seasonId number <optional>

Season id.
matchId string <optional>

Match id.
playerId string <optional>

Player id.
numItems number <optional>

Max number of items allowed in the list.
editorialSeasonType string <optional>
 'league'

Either 'league' or 'matches'.
editorialMatchType string <optional>
 'previews'

Either 'previews' or 'recaps'.
border boolean <optional>

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

Callback that is invoked when a user selects an article. 2 arguments are given, type (a string) and parameters (an object). When type is 'article', parameters will contain an articleId of the clicked article, which can then e.g. be used with the us.common.nfl.News widget.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.common.nfl.articlesList" data-sr-season-id="2021" data-sr-provider-id="2"></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.common.nfl.articlesList', {seasonId: 2021, providerId: 2});
</script>

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.common.nfl.articlesList', {seasonId: 2021, providerId: 2, onItemClick: function(type, parameters){alert(type + ': ' + JSON.stringify(parameters));}});
</script>
<div id="sr-widget"></div>