Skip to main content Live Match Tracker Tabs Reorder | Engagement Tools | API Hub
Open Assistant Open Assistant
Widgets, Engagement Tools, BET
Last updated about 1 month ago
Is this site helpful?
Live Match Tracker has an option to change the default order of its tabs by passing tabs property to SIR function. This option also controls which tabs are enabled.
tabs property is an object with sportId {number} as key and array of strings as value. For example:
tabs: { "1": ["statistics", "headToHead", "standings", "timeline", "lineups"] }, where 1 is a sportId (soccer in this case).
Every sport has its own available tabs. Here is the list for all sports tabs:
js
1 : [ "statistics" , "headToHead" , "standings" , "timeline" , "lineups" ] , // soccer
2 : [ "statistics" , "headToHead" , "standings" , "timeline" , "lineups" , "boxscore" ] , // basket
3 : [ "statistics" , "boxScore" , "headToHead" , "standings" , "probabilities" , "timeline" ] , // baseball
4 : [ "statistics" , "headToHead" , "standings" , "timeline" ] , // hockey
5 : [ "statistics" ,
For every sport you can:
Re-order tabs by changing the order of strings in the array.
Disable tabs by removing specific strings from the array.
Below is an example code for soccer with the statistics tab removed and timeline set as the first tab:
# Code
html
<!DOCTYPE HTML >
< html >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" />
< title >
"headToHead"
,
"standings"
,
"timeline"
,
"pointByPoint"
]
,
// tennis
6 : [ "statistics" , "headToHead" , "standings" , "timeline" , "lineups" ] , // handball
9 : [ "leaderboard" , "teeTimes" , "groups" , "course" , "courseFingerprint" , "ranks" , "insights" ] , // golf
12 : [ "statistics" , "headToHead" , "standings" , "timeline" ] , // rugby
16 : [ "statistics" , "headToHead" , "standings" , "boxscore" , "probabilities" , "lineups" ] , // football
19 : [ "statistics" , "headToHead" , "standings" , "timeline" ] , // snooker
20 : [ "statistics" , "headToHead" , "standings" ] , // table tennis
21 : [ "scorecard" , "statistics" , "headToHead" , "standings" , "lineups" , "probabilities" ] , // cricket
22 : [ "statistics" , "headToHead" , "standings" , "timeline" ] , // darts
23 : [ "statistics" , "headToHead" , "standings" ] , // volleyball
29 : [ "statistics" , "headToHead" , "standings" , "timeline" ] , // futsal
31 : [ "statistics" , "headToHead" , "standings" ] , // badminton
34 : [ "statistics" , "headToHead" , "standings" ] , // beach volleyball
117 : [ "matchup" , "tape" , "stats" , "striking" ] , // mma
137 : [ "statistics" , "headToHead" , "standings" , "timeline" , "lineups" ] , // esport_soccer
153 : [ "statistics" , "headToHead" , "standings" , "timeline" ] , // esport_basketball
195 : [ "statistics" , "headToHead" , "standings" , "timeline" ] // esport_ice_hockey
Live Match Tracker Tabs Re-order
</ title >
< style >
body {
display : flex ;
justify-content : center ;
}
. sr-widgets {
max-width : 620 px ;
width : 100% ;
}
. sr-widget {
border : rgba ( 0 , 0 , 0 , 0.12 ) solid 1 px ;
margin-bottom : 24 px ;
}
< / style >
</ head >
< body >
< 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.sir.sportradar.com/sportradar/widgetloader" , "SIR" , {
theme : "betradar" , // using custom theme
language : "en"
} ) ;
SIR ( "addWidget" , ".sr-widget-1" , "match.lmtPlus" , {
forceTeamInvert : true ,
layout : "topdown" ,
matchId : match_id_here ,
tabs : {
1 : [ 'timeline' , 'lineups' , 'headToHead' , 'standings' ]
}
} ) ;
< / script >
< div class = "sr-widgets" >
< div class = "sr-widget sr-widget-1" ></ div >
</ div >
</ body >
</ html >