T4 content typesuos BlockGridItem

This content type provides a content box in a choice of widths, each with an image and heading. It's used for providing navigation to other sections, and can be used with other instances of the same content type to build a grid. Grids can only be created with consecutive Block Grid Items that are the same width.

This is different to LHS Block Grid Items which only take up on the left hand side of the page and can be used in conjunction with RHS content types. Block grid items go the full width of the page. It means they cannot be used alongside RHS content types, for example RHS General.

Content type fields

Name - This is a mandatory field. You must give the content type an appropriate name that corresponds with your content for example Section navigation. The name is not shown on the live web page.

Title - The field outputs as a title above the content boxes within a <h2> tags. (heading level 2). Read more about heading levels in our A to Z style guide.

Block Width - This field dictates how wide the content boxes will appear for example selecting 'quarter' will set the width of each box to 25% of the width of the page. This doesn't need to match the number of content boxes completed, as any extra boxes will wrap to the next row.

Block Style - This field allows you to choose the background colour of the text area of the block, with a choice of white or grey.

Heading - This is the text that will appear within the box heading, and should describe where the visitor will be navigating to. The maximum number of characters recommended is 40. It outputs within <h3> tags (heading level 3). Read more about heading levels in our A to Z style guide.

Image - This is the image that will appear within the corresponding content box. The recommended image size for this content type is 600 x 300px or 500 x 500px. Read our help on how to edit images before uploading to t4.

URL - This field is used to link the text and image to a page within the Strathclyde website. To do this, click on Select. Then using the site structure navigate to the page you want to link to and click on it.

URL-alt -  This field is used to link the text and image to an external website, for example, https://www.bbc.co.uk. Don't use this field to link to pages with the Strathclyde website. To add a link just enter the full URL of the page you want to link to including https://.

URL-pdf – This field is used to link the text and image to a document in the t4 media library.

You should only use one of the link fields (URL, URL-alt or URL-pdf). If it’s a Strathclyde webpage this should be a URL section link. If it’s an external webpage this should be a URL-alt. If it’s a file in the t4 media library this should be URL-pdf.

Force end of grid - Should you wish to have two consecutive grids that use blocks of the same width, you can force the end of the first grid by placing a 'Y' in this field. This will ensure that when you add a new Block Grid Item, it starts a new row.

Examples

Each block can also be used without an image.

A row of 2 & a grey background

A row of 3 & a white background

A row of 4 & a light grey background

A row of 5

A row of 3 with no images