Grid of links
What is a grid of links?
A grid of links allows you to display text links in a configurable grid layout.
You can choose to add short descriptions to each link. Both the link title and the description will be linked. Links can be displayed in 2, 3 or 4 columns.
Use a grid of links when:
- you have 3 or more links that can be logically grouped together
- you need to provide an overview of content in a section
- users can easily choose which links are relevant to them with no context or very brief context
- the links support or complement the page's core content.
A grid of links shouldn't be used when:
How to create a grid of links
A grid of links can be created by:
- site builders.
Use the in-place editor to create a grid of links:
- Click 'Customize this page' in the black Drupal menu at the bottom of the page, and then click the plus icon (+) in the blue box at the top of page.
- Select 'UQ' from the side menu, and then click 'Grid of links'.
- Enter a title to help page editors identify the panel. This title won't appear on the page.
- Select a 'View mode' to choose the number of columns in the grid.
- Click 'Add new link' to add a link.
- Enter a title and the URL for the link. To link to a page on the current site, use the search button to look up the page and insert the link.
- If you need to add context to the links, add descriptions. If you're adding descriptions, you should add them to all links in the grid.
- Use the 'Add another link' button to add more links to the grid (up to 9).
- Click 'Finish' to add the grid of links to the page.
- Apply the section style to the panel to finalise the layout.
- Click 'Save' in the black Drupal menu at the bottom of the page to publish the changes.
How to edit a grid of links
Site builders can:
- edit an existing grid of links
- add, edit, remove or reorder links
- change the 'View mode' of a grid of links to set the number of columns in the grid.
Editors and site coordinators can:
- edit an existing grid of links
- add, edit, remove or reorder links.
To edit a grid of links, follow the instructions for editing panels on panel pages.
Best practice
- Use brief and clear link titles (up to 3 words).
- Keep the link descriptions concise (no more than 2 lines).
- Select a number of columns that will spread the links evenly across the grid. Avoid creating rows with one or more empty columns if possible.
- Use the section pane style to add a title and summary to the panel to provide context for why the links have been grouped together.
Fields
Complete all required fields and as many optional fields as necessary to provide the best user experience.
Field name | Required field? | Function |
---|---|---|
Title | No | Administrative title to help page editors identify the panel. This title won't appear on the page. |
View mode | Yes | Select the number of columns in the grid. |
Link > Title | Yes | Main link text. Maximum 60 characters. |
Link > URL | Yes | Use the search function to insert links to pages on the current site. Use absolute URLs for external links. |
Link > Description | No | Short description to appear under the link title. |