League Tables and widget
Play-Cricket.com have improved the display of league tables, particularly on a mobile device.
On a Play-Cricket.com league site tables can be found within the competitions menu, and on a club site, through the team menu. The look of league tables has been improved with mobile styling and additional configuration options. The creation of a new widget allows both leagues and clubs to place league tables on other pages.
The current system displays
The new view is
Whilst there is little difference in appearance on a laptop, viewing on a smart phone (iPhone example) has been improved.
We are also providing more customisation of the tables in recognition that many leagues have a variety of result options, (draws, wins, loss, winning draws etc.) resulting in the table having many columns.
You can now tidy these up and display the tables the way you want to by both selecting the order in which columns are displayed and by combining columns.
Starting from this view,
There are 2 types of Win, each with a column for Loss, and 2 types of Losing Draw, each with a Winning Draw column. These can now be combined removing those ‘duplicated’ Loss and Losing draw columns.
Within Admin there are now ways of combining the columns and changing the look, here is how you can update your League table:
From Admin select Competitions>Divisions
Press edit against a division.
There is now a new tab “Aggregate Results”, select this.
Press the add button and a pop up appears.
Select a name and abbreviation and then 2 or more columns to combine, in this case the 2 ways of losing.
Repeat for the Winning Draws.
The screen now shows 2 sets of aggregated columns.
Then go to the Results Setup Tab to adjust the display order accordingly.
In the case of the example Winning Draw was moved from position 9 to 4 and the other possible results moved down 1.
The result is now a table like this
Table Widget for Leagues
There is also a new table widget allowing you to place the league tables on any page using the site builder. League tables are going to require the full width of the screen to display properly. The mobile adjustment works by detecting the screen width and reformatting. For example, if the widget is placed half the width of a large screen with another widget alongside, the results may not be that good. This is due to the adjustment in size to a mobile view being dependent on the screen width, not the widget width.
This is an example of a blank home page onto which a Table Widget is to be added
In Site Builder, within the Widgets menu item, select Competitions and then the League Tables option.
The widget can be placed on the screen in the same way as other widgets in site builder
There are 2 tabs on the widget the first specifies placement. For the best result allow the widget to be full screen, which means the x-axis Position should be 0 and the Width 1120
The second tab controls what is displayed. This is set to the current season and the filters are left set.to On. Here, select a division that you wish to be displayed as default otherwise nothing will display until the filters are changed. The above was set to Premier Division.
The home page now contains
There are filters which allow the selection of season and division.
It is also possible to create a page per division by turning the filters off and placing a table widget on a page, creating a new menu and or submenu items. The example below shows this on a club site.
The new table widget can be combined on the same page as a results and fixtures widget giving a single view of all three on the same page for the first time. This example has Fixtures and Results side by side with the table full width above.
Tip - The mobile view of this will display first the Widget which was saved last in Site Builder. To force the Table widget to the top of the mobile view after doing all other changes, go into the Table widget and press save.