Standings widget

Description

The Standings widget provides information about the standing of teams in a specific tournament, season, and stage.

Bind the widget to HTML DOM

🚧

Make sure that you have the loader already set up on your website.
If not, follow our guide:

🚀

Load Widgets 1.0 on your website

Open Recipe

You can bind the widget to the HTML DOM by two ways:

• Bind the widget without initial options. The required attribute here is "data-widgetId"

Bash

    <div data-widgetId="standings"></div>

• Bind the widget with initial options. The all available options can be seen below

Bash

    <div data-widgetId="standings" data-options='{...}'></div>

• Required parameters:

Bash

    int tournamentId, // Unique identifier of the Tournament season stage resource.

NOTE: In case tournament and tournamentId are used in the same configuration, the option tournament will have a higher priority
than tournamentId.

• The optional "options" parameters:

Bash

{
   strin lang,                  // List of acceptable human languages for response.
   string theme,                // Brand theme
   string teamIds,              // Array containing integer team IDs from Football API
   string expand,               // Specify additional information to include with the response. It can has possible values: "standing", "standing.rules", "standing.rules,standing.form", "standing.rules,standing.form.events", "standing.form", "standing.form.events"
   int limit,                   // How many items will be shown. It is available only for table view.
   int offset,                   // Default: 1. Which team to be shown first. If you want to start your standings from team 5, set offset 5. NOTE: This is not JS offset and starts from 1.
   string apiURL                // api url
   string apiKey                // api key
   array availableColumns : [   // Which columns will be shown.
        string "id",
        string "logo",
        string "team",
        string "last-matches",
        string "matches-played",
        string "wins",
        string "draws",
        string "losses",
        string "goal-difference",
        string "points",
   ],
   array hideOnMobile : [ //which columns will be hidden on a mobile device
           string "logo",
           string "team",
           string "last-matches", // on by default
           string "matches-played",
           string "wins", // on by default
           string "draws", // on by default
           string "losses", // on by default
           string "goal-difference", // on by default
           string "points",
   ],
   array displayGroups: ['133', '22'] //An array of group ids which should be displayed. If none of the ids match we show all of the groups.
   boolean displayForm,         // Display last five matches results (form) - (true / false) if 'last-matches' column exists
   array highlightTeams,        // Array containing integet team IDs for highlight teams
   number teamId,               // Selected team with added offset
   string teamOffset,           // Display previews (teamOffset - (3)) matches before team with teamId and last (teamOffset - (3)) matches
   obj tournament: {id: <tournament id>, season: <season id>, stage: <stage id>}
   // This option allows the user to display the standings for a given
                                                                                 // 1. Tournament by using the active season for the tournament
                                                                                 // 2. Season by using the season stage
                                                                                 // 3. Stage
                                                                                 // Only one of the given options will be used, the priority is as follows:
                                                                                 // 1. Stage
                                                                                 // 2. Season
                                                                                 // 3. Tournament
    NOTE: The Standings widget will show the latest season in case all seasons are with the inactive state in a tournament.
        displayTeamShortNamesOnDesktop: (true/false)  -> // This option replaces the team name with its short name on all resolutions, if "displayTeamCustomNamesOnDesktop" is not added
        displayTeamShortNamesOnMobile: (true/false)  -> // This option replaces the team name with its short name on mobile resolutions, if "displayTeamCustomNamesOnMobile" is not added
        displayTeamCustomNamesOnDesktop: (true/false)  -> // This option replaces the team name with its custom name on all resolutions
        displayTeamCustomNamesOnMobile: (true/false)  -> // This option replaces the team name with its custom name on mobile resolutions
}

Standings widget in the CMS

Currently, the Sportal365 CMS offers a variety of football widgets to enable creators to add sports-specific statistics and context to their articles, videos, or galleries.

Standings widget in blocky

Tournaments
Under the Tournaments tab of the widget, you can select the tournament you want to show team standings for. Select between Premier League, Champions League, Europa League, and more.

📘

Note that the Champions League has more stages and you will be able to show standings during a stage with standings.

Seasons
From the drop-down menu in Blocky, you can select the season you want to include standings for. It’s worth noting that every season has a default stage.

Stages
Every tournament has different stages–a group stage, an elimination stage, and others. That’s why depending on the tournament you have selected you can add standing for different stages.

Video example