Gaming

Import the Gaming design and it brings blocks and content types of its own, on top of the main Canvas library. Read this page when you are working on a site built from Gaming and meet a block you cannot find in the main reference.

These items stay registered on every site so that content you have already imported keeps rendering, and they appear in the block inserter only where the design is in use.

Content types this design adds

Matches

canvas_gaming_match

One item is called a Match. You will find them in their own admin menu once the design is installed.

• Editor features: custom-fields, editor, excerpt, page-attributes, thumbnail, title

Each item carries these extra settings on its edit screen:

• Match Event

• Format

• Result

• Stage

• Home

• Away

• Venue

• Kick-off

Blocks this design adds

Gaming Matches

canvas-core/gaming-matches

The competitive fixture list: who is playing, when, where and how it ended. Also renders an open fixture record and the row of other fixtures beneath it. In the block inserter it is named Gaming Matches.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Content

• LayoutDefaultFixture Grid

  The grid lists every fixture; the other three render the open fixture and only appear on a fixture page.

  ChoicesFixture GridFixture DetailFixture Call To ActionFixture Related Row

• Fixtures to ShowDefault0

  Zero shows every published fixture.

• Order ByDefaultManual Order

  What to sort the fixtures by.

  ChoicesManual OrderDateTitle

• OrderDefaultAscending

  Read the sort order forwards or backwards.

  ChoicesAscendingDescending

• Link Cards to the Fixture PageDefaultOn

  Wraps each card in a link. Turn it off where the grid is presentational.

• Fixture List Page SlugDefaultmatches

  The page the competition eyebrow and the back button point at.

• Call To Action TextDefaultJoin the watch party

  Wording on the button under an open fixture. Empty renders no button.

• Call To Action Page SlugDefaultcommunity

  The page that button opens.

• Back Link TextDefaultAll fixtures

  Wording on the button back to the fixture list. Empty renders no button.

• Related Row HeadingDefaultMore fixtures

  Heading above the row of other fixtures.

Layout

• Grid Row ClassesDefaultrow g-4

  Classes on the row wrapping the fixture cards.

• Column ClassesDefaultcol-md-6 col-lg-4

  Classes on each column, which is where the number of cards per row is set.

• Card ClassesDefaultgaming-fixture

  Classes on the box around one fixture.

• Competition ClassesDefaultgaming-fixture-event

  Classes on the competition line above the two sides.

• Teams ClassesDefaultgaming-fixture-teams

  Classes on the line naming the two sides.

• Teams TagDefaultH3

  Which element carries the two sides. Match it to the heading level around the grid.

  ChoicesH2H3H4div

• Fixture Detail ClassesDefaultgaming-fixture-meta

  Classes on the list of kick-off, venue and format.

• Stage ClassesDefaultgaming-fixture-status

  Classes on the badge saying whether the fixture is upcoming, live or played.

• Versus WordingDefaultvs

  What sits between the two sides. Only used when the fixture names both of them.

• Column AnimationDefaultfadeInUp

  Animation name placed on each column. Leave empty for no animation.

• Animation Delay Step (ms)Default80

  Added to each column in turn, so the cards arrive one after another.