Versions Compared

Version Old Version 6 New Version 7
Changes made by

Iryna Antonova

Iryna Antonova

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The multisport Game Tracker is a unique widget that has the capability to be used in different sports, so far and at the time of the creation of this document it has support for Football, Basketball and American Football.

...

Component

Description

Image

Scoreboard

The scoreboard is a component that allows us to visualize the state of the match in real time, we can obtain information related to:

  • The scores of each team.

  • An image representing the team (shield, logo, flags or alternative image).

  • Venue where the match is played.

  • Status of the match (pre-match, live or post-match/final).

  • Team names, in case the team name is too large, it will be displayed in a short version.

  • Additional information, depending on the sport relevant information can be displayed.
    In football for example, penalties are rendered as additional information

Tabs

The tabs are components that allow us to navigate through the different pieces of content that the widget has available in a particular sport.

Court/Pitch

The court is the component that displays the different playing fields and the main actions occurring in the matches.

These are displayed as real-time animations.

Team Stats

Team stats is a component that is responsible for displaying a series of cards with content related to statistics of the teams in the match, you can find information such as (in football GT):

  • Fouls

  • Attacks

  • Cards etc.

  • Substitutions

  • Possessions

  • Free kicks

Note: According to the sport this information may change

Lineups

It is a component that is responsible for displaying the players of both teams with their respective positions, you can also find information like:

  • T-shirt number

  • Player name

  • Player position

  • Player image

Depending on the sport the component displays the list of players who started playing the game and those who started on the bench.

Play By Play

It is a component that is responsible for displaying the most important plays minute by minute, where the user can navigate through the different stages of the match and has the ability to view the highlights of the entire match.

...

As demonstrated above, the game tracker in both light and dark versions appears visually appealing. However, we recognize that it is crucial for our customers that each Game Tracker aligns with the aesthetic of the parent site. Consequently, we have prepared a range of attributes that can be modified to suit the specific preferences of each customer.

All code related documentation is reference for developers.

Background Color

To change the background color, we use the attribute in the partialTheme, inside background with the name default, for example we will change the background to a gray color.

...

When a customer wants to configure the colors of the teams he can assign the values in the theme home team color and the theme away team color, these colors will be shown as a second option when the colors are not found in the received data.

Mandatory

If the customer wants to force all teams to show the configured colors, he must activate the option "Always use the teams colors".

Info

Please note the following customization requirements:

  • The font and weights must be provided by the customer.

  • Amendments to colors concerning the stroke are not part of the tracker.

  • Amendments regarding specific font weights are not included in the customization options offered in the game tracker.

Advanced customization

Note: this kind of customizations must be approved by the UX team to preserve the essence of our Game Tracker.

If the customer requires an advanced customization, please consult the following link:

...