The 4 Column block gives users a quick way to add lists of links. It's for use on all page layouts.

Each row must have a minimum of two links and a maximum of ten. The picture at the top is optional but for the sake of balance, it looks best if images feature across all four columns or no columns.

Multiple blocks can be added to pages.

Give it a try

Adding a 4 Column block is a three stage process. (1) Adding hidden sub-sections (2) Adding your '4 column block items' to your hidden folder (3) Adding the 4 column block to the page you want it to appear, linking to your hidden folder that has your items in. 

Stage one

1. Create a hidden sub-section (sub-page) of the section where the 4 Column block will live. This folder needs to be called 'Column block' (case sensitive).

2. Then create a second hidden sub-section as a child of this page. This can be called anything you like ('Items for my 4 column block' in the below example). This will contain all four of your '4 column block items' (see instructions below) which contain the links and images for each column.

Remember, if you want to add another 4 Column block to your page, you will need to add another hidden folder under 'Column block' so the items don't get mixed up. 

4 column block example

 

3. Stage 2: To your second hidden sub-section, e.g. column items 1 add a 4 Column block item content type (find out how to add a content type to a section). 

(This first 4 Column block item created populates the left most column in the overall block.)

4. A form with a number of fields will appear, fill in the form, example below:

Field title What should I do? Is it compulsory?
Name* There will be three of these content types (one for each column), in this example we've named this links col 1 Yes
Title* Adds a heading to the column No
Show block title Ticking this box will make the heading show to all users, not just screenreaders No
Image Add an image at least 332 x 212 pixels is required No
Link Text 1* This is the first link in the column's list Yes
Link 1 Internal Use the Select link to add an internal link (from one t4 page to another in t4) OR No, but each added link must be created or the formatting won't work correctly
Link 1 External Copy and paste URL from external website (to any page outside t4) OR No, but each added link must be created or the formatting won't work correctly
Link 1 Media Library Add a document (pdf, Word, Powerpoint etc.,) from the Media Library No, but each added link must be created or the formatting won't work correctly
Link Text 2 This is the second link in the column's list No
Link 2 Internal Use the Select link to add an internal link (from one t4 page to another in t4) OR  No, but each added link must be created or the formatting won't work correctly
Link 2 External Copy and paste URL from external website (to any page outside t4) OR  No, but each added link must be created or the formatting won't work correctly
Link 2 Media Library Add a document (pdf, Word, Powerpoint etc.,) from the Media Library No, but each added link must be created or the formatting won't work correctly
Link Text 3 This is the third link in the column's list. All links now on are optional No
Link 3 Internal Use the Select link to add an internal link (from one t4 page to another in t4) OR No, but each added link must be created or the formatting won't work correctly
Link 3 External Copy and paste URL from external website (to any page outside t4) OR  No, but each added link must be created or the formatting won't work correctly
Link 3 Media Library Add a document (pdf, Word, Powerpoint etc.,) from the Media Library No, but each added link must be created or the formatting won't work correctly
Links 4 to 10 The same pattern of fields repeats for every link No

5. Click Add and Approve to save

Add and approve

6. You'll need to create one 4 Column block item for each of the four columns in the block. For consistency in this example links col 2, links col 3 and links col 4. (Repeat steps 2-5)

7. Once these are in place you can modify the content list in your folder, example, column items 1 and should look like the screenshot below:

 

Screen grab showing folder content for column block Stage three

We can now tie the whole thing together.

8. Add a 4 Column block content type to the section where the block will appear, in the example, the section is called 4 Column block (which is the parent of column items 1 See above).

9. A form with a number of fields will appear. Each of these fields relates to the components of your 1st Column, fill in the form, example below:

Field title What should I do? Is it compulsory?
Name* Name the block giving it a concise description eg. 4 Column block 1 - training page Yes
Find items* Use Select to find the section where the column items content types live eg. to the column items 1 folder in this case Yes
Display items* Defaults to ticked Yes

The Find items field in this content type tells the content type where to find the links.

10. Click Add and Approve to save

 

Add and approve

Adding a second set of 4Column blocks on a page

If a second set of 4 Column blocks is required on a page then another sub-section is needed and each column within the block will need a separate 4 Column block content type.