To give users a method of navigating a Course and its associated Units, it is recommended to create Unit tiles that can be alt-sourced to all unit pages.
Preparing to Add Unit Tiles
NOTE: It is recommended that Unit tiles are created using an external design tool. If possible, it should be exported as a PNG or other lossless image filetype.
1. Select the 'Courses' tab from your Top Menu.
2. Select the arrow next to the Course which contains the Unit you wish to navigate to.
3. Right-click on the unit link and select ‘Copy link address’. Paste the link somewhere it can be accessed later. Repeat this process for each unit.
NOTE: The option to copy a link may be different depending on your web browser, so select the option that is relevant to your browser.
4. Select the 'Courses' tab in your Top Menu.
5. Select the 3-dot menu next to the Course you want to navigate to and select 'Course Homepage'.
NOTE: The steps below begin by describing the process of adding a Tiles component to the page for Unit tiles. Depending on the template applied to your page, you may already have a Tiles component added for you.
6. Add a Tile component to the left or right column on the Homepage by selecting the ‘+’ button and then dragging the ‘Tiles’ component to a column.
7. Unlock the page.
8. Select the settings cog on the Tiles component and modify the heading to read ‘Unit Tiles’.
9. Select ‘Update’.
10. Select 'Add a Tile'.
Tile Creation Process
1. If you are not using a custom image, add the name of your Unit into the ‘Text’ field. Modify the text colour, modify the text positioning using the checkboxes, and modify the background colour if required.
2. Paste the Unit homepage URL into the URL field.
3. Apply a hover colour.
NOTE: We recommend the following hover colour - (rgba 255,255,255, 0.4), which converts to #FFFFFF70 as a hex.
4. Upload your custom image.
5. Select ‘Save’.
6. Check that the following Tile Layout options are selected:
- Use the ‘Ratio’ dropdown arrow to select a ratio that matches your custom image.
- Modify the ‘Tiles/Row’ field to the number of tiles you wish to display in a single row before creating a new row.
7. Select ‘Save’.
Alternative Source Linking Unit Tiles to Unit Homepages
1. Select the 'Courses' tab from your Top Menu.
2. Select the arrow next to the Course which contains the Unit you wish to navigate to.
3. Select the title of the Unit you wish to navigate to.
4. Add a Tile component to the left or right column on the Homepage by selecting the ‘+’ button and then dragging the ‘Tiles’ component to a column.
5. Unlock the page.
6. Select the settings cog on the Tiles component and modify the heading to read ‘Unit Tiles’.
7. Select ‘Browse’.
8. Using the breadcrumbs, navigate to the Course Homepage.
9. Select ‘Use this Folder’.
10. Use the ‘Layout’ dropdown arrow to select ‘Unit Tiles’.
NOTE: If you did not set the heading on the Tiles component on the Course Homepage to ‘Unit Tiles’ it may be named something different.
11. Select ‘Update’.