T4 content typesuos LHSBlockGridItem

Please note: You must add the 'uos MasterLHSandRHS' content type before using this otherwise the content will not display.

This content type provides a content box on the left-hand side in a choice of widths, each with an image (you can leave the image field blank) and a 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.

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 isn't 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 left hand side of the page. This does not 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 600 x 600px. If using multiple block grids, to sit alongside each other they must all use the same image size. 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/or image to an external website, for example, https://www.bbc.co.uk. Don't use this field to link to pages with the current Strathclyde website. To add a link just enter the full URL of the page you want to link to including https://.

Do not use both URL and URL-alt fields. Only one should be used. If it’s a Strathclyde webpage this should be done as a URL section link. If it’s an external webpage this should be done as URL-alt.

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 white background

A row of 3 & a mid-grey background

A row of 4 & a light grey background

A row of 5

A row of 3 with no images