matrix-helpers

Content Blocks

Basic Text with optional Title, Pic, Buttons

This content block includes a section of text, with:

Note that as everything other than the text block is optional (and generally defaults to “don’t show”) this content block is the right choice for a plain block of text.

This block with a picture is excellent for making a point supported by a vivid image. A series of these blocks with the picture location alternating between left and right can produce a pleasing visually balanced page.

Introductory Text

This block is simply a block of text, displayed in a larger-than-usual font. Use this block at the top of a page to introduce or outline the page’s content.

This is sometimes called a lede paragraph or standfirst.

Text with Styled Background

This is a paragraph of text, optionally with a heading before and buttons after, but with a photo or colour filling the entire background of the block. Alternate these blocks with other types to produce a visually dramatic page, or use sparingly to break up a longer text-heavy page into sections.

Text plus a Feature Number

This is a paragraph of text with a “featured” number displayed alongside. The number and its units/caption can be on the left or right of the text, and you can optionally include a title and/or trailing buttons.

Use this to highlight a remarkable numeric fact, particularly when there is no good photographic or pictorial way to demonstrate the fact.

Text plus Three Feature Numbers

This is a set of three “featured” numbers, with units (or very short captions), above a paragraph of text. You can optionally include a title and/or trailing buttons.

Unlike Featured Number Cards, this block has a single text section that lies under all three numbers.

Use this to highlight three remarkable numeric facts.

This is a set of three “featured” numbers, with units (or very short captions), each with a separate paragraph of text. You can optionally include a title and/or trailing buttons.

Unlike Text plus Three Featured Numbers, this block lets you give each number its own paragraph of text and is well suited to less text-heavy pages.

This block also supports a “count up” animation which will rapidly increase the numbers from 0 to their final value when this block scrolls into view. Turn this animation on in the block’s settings. (more about animations?)

Process step

This block is used to make a list of steps which can be used to describe multi-step processes such as applying for a grant or planning a trip. A single process step block displays a large “step” number on the left, a heading and text block in the centre, and optionally images or supporting links on the right (which you could use to link to a PDF form).

This block also supports switching off the horizontal line that normally shows at the bottom of every content block.

Heads up! The editing previews for this block will always show the number 1 as their process step number. This is due to the way that the styling works and automatically numbers steps based upon how many are shown on the final page.

Summary cards

Summary cards are used to show lists of “cards”. You use this for making a list of the staff in your department, or a list of projects in your centre. Each “card” is represented by a page in Squiz Matrix.

That means you can create a Matrix page for each staff member in your group with a bio and photo, and easily show a staff list for each project or sub-group.

There are several formats for Summary cards. Every format allows an optional heading, can optionally reshape images into circles, and permits the first card in the list to be marked with some additonal text and a highlight, which might be useful for tagging the first item as the “Theme Leader” or “Featured Project”.

Summary cards: Column layout

The column layout stacks the “cards” into a single column. Related images (for example, the project’s title image) can be displayed on the left or right.

This format is best suited for shorter lists of projects or other items when the text description of each item is important.

Summary cards: Mosaic layout

The mosaic layout arranges cards into three columns, fitting each card closely to the end of the card above. This results in a more organic, less regular looking layout, and is best suited to situations where ordering is less important, and the viewer can be expected to browse through the set of cards.

Summary cards: Grid layout

The grid layout arranges cards into three columns and makes each card’s height match its neighbours, resulting in a clean grid.

Summary cards: Thumbnail grid layout

The thumbnail grid layout turns card images into thumbnails, arranged six across. This is an excellent layout for showing staff associated with your department or project. The ability to highlight the first item is also particularly useful in this layout.

Twitter Stream plus Text

This content block includes a twitter stream in your page. Tweets are arranged to the left, right, or below a text block, and a standard optional heading is available.

By default the text block includes some initial text naming the account, and adds a twitter Follow button below, although these items are optional.

This content block can be used to feature content from an interesting Twitter account, or to create a “News” page that is fed via your organisation’s Twitter activity.

Contact info plus map

Contact info over map

Embedded content