The frame-size adaptation rule for the all-round livetracker widget

As you would see on the dashboard, the new version of the football livetracker provides three different layouts. Each layout display in diffrent shape, but they all contain Scoreboards, Livetracker, and Stats panels. There are some basic rules you should know.

 

  1. Single and Double are fit for a rectangular or suqare frame, which should be a computer screen, or a TV screen.
  2. TopDown layout is more suitable for a vertical layout, preferably a smartphone screen.
  3. Scoreboards and Navigation bar are height-fixed components according to the configurations you have set(they can be disabled in your product). But, Livetracker and Stats panel are responsive to your screen and non-removable, which means both their height and width would change with your iframe. 
    So, you can fiddle with the best way they displayed on your product. Just make sure that each of them has at less a height of 175px and a width of 320px. 
  4. As a reminder, if the screen doesn't meet the mininum requirement that we have set for a certain layout, like TopDown or Double, our widget is gonna collapse to single layout. For example, if you chosed a Double layout, it would collapse to single layout when the widget width<640 or Livetracker width<320.

@2022 TheSports All Rights Reserved