Prerequisites: This block may need to be enabled on your site. If it is not visible in the Add a Block list simply contact the Support Team and ask for it to be enabled.
Summary: The Tabs block allows you to set up direct links between different areas of your LMS. This gives users a more seamless and enjoyable experience when navigating around the platform.
If you need to know how to add a block you can refer to the Adding blocks guide.
The block is added just like any other block and can be added to both dashboards and course pages.
Once you have added the block to a page, you can begin to configure it. Please note that you will need to add an instance of the block to each page that you want users to navigate between.
For example, if you want learners to navigate through a set of 3 dashboards, then you will need to add the tabs block to each of these 3 dashboards in order for learners to be able to cycle between them.
To configure the block:
- Ensure the ‘Enable Tab?’ box is checked against the number of tabs you want to use
- Give each of your desired tabs a title (‘Home, Required Learning, Reports, etc)
- (Optional) You can specify an icon and colour if you wish
- Insert your desired link into the ‘Tab Link’ field.
a. Each tab can host a link so when you click on this tab you will be navigated to that link
- You then need to rinse and repeat these steps for each of your tabs adding in your desired links for each.
Further down on the same page you will be able to specify tab colours etc. The most important setting in this area however is the ‘Active Tab’ setting. This setting specifies which tab should be active whenever the learner navigates to that instance of the block.
For example, if you are adding your first tabs block to a dashboard, then the ‘Active Tab’ setting should be set to ‘tab 1’. This means that the first tab on the block is active when the learner is viewing that dashboard. Then when you add your next instance to a dashboard, the ‘Active Tab’ setting should be set to ‘tab 2’ as this should be the dashboard for the next tab on the list, and so on and so forth.
Once you have configured the block and click save, you should see something like this on your page/dashboard.
You’ll notice that ‘Health and Safety’ is highlighted, this is because the ‘Active Tab’ is set to ‘tab 1’. All you need to do now is repeat the same process for your other dashboards and ensure you use the same links. The reason for this is because once a learner navigates to a dashboard through a tab, they need a way to get back again so if the tab block isn’t present, they will need to navigate back manually.