Example: number variations

Additional markup can be applied to improve the appearance of a statistic, but it has to be applied on an individual basis to each item, to give maximum flexibility.

Using the Stat text field you apply this to parts of the statistic using the Superscript or Subscript option on the format drop down menu in the WYSIWYG editor.  

Example: number variations

This group of statistics show how to add different variations of number stat using the formatting explained above.

Note that when a footnote is added, an asterisk is automatically added to the footnote and stat text.

Example: percentages

This group of stats shows how to add perecentage stats. These use the Superscript option on the format drop down menu in the WYSIWYG editor.  

Example: single stat

Any number of statistics can be added to a group. When using multiple groups on a page separate using the Group title field or a different content type.

Example: icons

Any icon available in the web font is available to use as a statistic, a set palette of colours can be applied to those icons. When using icons or custom png/svg files the colour of the icons should be consistent across the page.

For icons colour is set on a page using the Pattern colour field on the Section config content type.

For custom png/svg files the colour of the files uploaded should be same across a page unless the colour gives context.

Example: colour context

The following group of icons show an example where colour is necesary to provide context.

Example: green-blue svgs

This group of statistics uses svg files in green-blue.

Example: red svgs

This group of statistics uses svg files in red.

Example: using the image stat field

In certain circumstances it may be relevant to represent the statistic with a logo or badge. In these cases image stat field can be used to add an image to represent the stat eg TEF Gold [NB do not use the TEF Gold key stat as of September 2021].