Documentation

Widgets.us.team.nfl.DepthChart

us.team.nfl.depthChart shows depth chart for the provided team

For the widget to render you need to provide teamId.

new DepthChart(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Description
teamId string

Team id.
disableDropdown boolean <optional>

If true disables team selection dropdown.
disableHeaderDetails boolean <optional>

If true disables season header detail.
onItemClick function <optional>

Function/event handler. Emits playerId on table row click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.team.nfl.depthChart" data-sr-team-id="sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932"></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.team.nfl.depthChart', {teamId: 'sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932'});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<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.team.nfl.depthChart', {teamId: 'sd:team:a20471b4-a8d9-40c7-95ad-90cc30e46932', seasonId: 2017, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>