---
title: Topics Extended (Course Format)
description: Engage your learners with a great looking course page using Topics Extended
---

[Skip to content](https://kb.hubkengroup.com/en/topics-extended-totara#main-content)

English

Show submenu for translations

![Hubken-Full-Colour-Logo-RGB.png\]](https://kb.hubkengroup.com/hs-fs/hubfs/Hubken-Full-Colour-Logo-RGB.png?height=40&name=Hubken-Full-Colour-Logo-RGB.png)

- [Default HubSpot Blog](https://howtomoodle-2506047.hs-sites.com/blog)

Open main navigation

Close main navigation

- [Default HubSpot Blog](https://howtomoodle-2506047.hs-sites.com/blog)
- English
  
  Show submenu for translations
- Contact us

 Contact us

 Hi, how can we help you?

- There are no suggestions because the search field is empty.

1. [Hubken Group Knowledge Base](https://kb.hubkengroup.com/en?hsLang=en)
2. [Hubken Add-ons](https://kb.hubkengroup.com/en/hubken-add-ons?hsLang=en)
3. [Topics Extended (Course Format)](https://kb.hubkengroup.com/en/hubken-add-ons?hsLang=en#topics-extended-course-format)

# Topics Extended (Course Format)

## Engage your learners with a great looking course page using Topics Extended

### Selecting Topics Extended

To apply Topics Extended course format to a course, you will need to

1. Access the **Course Settings**
2. Locate the Course Format section and select **Topics Extended** from the **Format** drop-down list.

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-27-55-84-PM.png)

Selecting Topics Extended presents a number of configuration settings as follows:

#### Activity List Style

There are two styles available **Bar** or **Plain**.

The effect of each option is detailed below:

**Bar**

This displays the activities neatly outlined with a shaded background for clear presentation.

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-31-42-46-PM.png)

**Plain**

This displays the activities in a more traditional style with the activities presented in a simple vertical list with no shaded background. 

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-32-13-64-PM.png)

#### Show Course Tags

The **Show Course Tags** setting gives the option to display any tags associated for the course within the banner at the top of the course page.

The options are to **Show** or **Hide**.

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-33-14-62-PM.png)

#### Display Section Radial

The Display Section Radial setting will display a percentage radial to the left of each section indicating how much of that section has been completed by the learner.

The options are to **Show** or **Hide**.

With **Display Section Radial** set to **Show**, the course page looks like this:

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-31-42-46-PM.png)

With **Display Section Radial** set to **Hide**, the course page looks like this:

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-34-01-82-PM.png)

#### Accordian Mode

The Accordian Mode setting will permit one section to expand at any one time on the course page, when a learner clicks on the arrow on another section, the current open section will close.

This can provide for a more focused experience in the course, where the learner doesn’t have to scroll through lots of sections.

The options are to **Enable** or **Disable**.

![accordion-1](https://kb.hubkengroup.com/hs-fs/hubfs/accordion-1.gif?width=688&name=accordion-1.gif)

#### Show Main Header

The Show Main Header setting will display the image defined in the Header image at the top of the course page.

The options are to **Show** or **Hide**.

With **Show Main Header** set to **Show**, the course page looks like this:

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-40-41-64-PM.png)

With **Show Main Header** set to **Hide**, the course page looks like this:

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-40-48-15-PM.png)

#### Main Header Image

Select an image to display on the course page.

The options are: **Drag and drop** an image into the text box or **Upload** an image file.

#### Course Primary Colour

The Course Primary Colour will display the chosen colour on the course page for:

- The overlay on the banner at the top of the page (1)
- The course completion progress bar (2)
- The topic headings (3)
- The icon and name for any course activities and resources (4)
- The completion radials for each section (5)

![](https://kb.hubkengroup.com/hubfs/image-png-Dec-04-2020-02-44-08-02-PM.png)

Enter a hexadecimal number for the colour you wish to use in the **Course Primary Colour** setting.

**Tip:** To keep a consistent feel, you may wish to use your organisation’s primary brand colour.

#### Number of sections

Select the number of sections you would like in your course, this can be changed later.

### Setting Topics Extended as the course default

- Go to **Site Administration**.
- Select **Courses and categories**.
- From the **Courses** administration block select **Course default settings**.
- Go to **Course format** and change the format to **Topics Extended**.

Need some extra help? Get in touch with our friendly team at [support@hubkengroup.com](mailto:support@hubkengroup.com)

- [Totara Tips](https://kb.hubkengroup.com/en/totara-tips?hsLang=en)
- [Moodle Tips](https://kb.hubkengroup.com/en/moodle-tips?hsLang=en)
- [Hubken Branding](https://kb.hubkengroup.com/en/hubken-branding?hsLang=en#main-content)
  
  
  
  
  
    - [Moodle](https://kb.hubkengroup.com/en/hubken-branding?hsLang=en#moodle)
    - [Totara](https://kb.hubkengroup.com/en/hubken-branding?hsLang=en#totara)
- [Hubken Add-ons](https://kb.hubkengroup.com/en/hubken-add-ons?hsLang=en#main-content)
  
  
  
  
  
    - [Topics Extended (Course Format)](https://kb.hubkengroup.com/en/hubken-add-ons?hsLang=en#topics-extended-course-format)
- [Web Conferencing](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#main-content)
  
  
  
  
  
    - [BigBlueButton](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#bigbluebutton)
    - [Zoom](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#zoom)
    - [Microsoft Teams](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#microsoft-teams)
    - [Cisco Webex](https://kb.hubkengroup.com/en/web-conferencing?hsLang=en#cisco-webex)
- [Interactive Content](https://kb.hubkengroup.com/en/interactive-content?hsLang=en)
- [Gamification](https://kb.hubkengroup.com/en/gamification?hsLang=en#main-content)
  
  
  
  
  
    - [Level up!](https://kb.hubkengroup.com/en/gamification?hsLang=en#level-up)
- [General Useful Resources](https://kb.hubkengroup.com/en/general-useful-resources?hsLang=en#main-content)
  
  
  
  
  
    - [Mail](https://kb.hubkengroup.com/en/general-useful-resources?hsLang=en#mail)
- [Topics Extended Course Format](https://kb.hubkengroup.com/en/topics-extended-course-format?hsLang=en)

- [Default HubSpot Blog](https://howtomoodle-2506047.hs-sites.com/blog)

[![Chill listening crop-3](https://kb.hubkengroup.com/hs-fs/hubfs/Hubken-Full-Colour-Logo-RGB.png?width=69&height=24&name=Hubken-Full-Colour-Logo-RGB.png "Chill listening crop-3")](http://www.hubkengroup.com?hsLang=en)

Hubken Group Knowledge Base | www.hubkengroup.com

Copyright © 2026, Hubken Group Ltd

![7 tips on how to create engaging elearning courses in Moodle](https://googleads.g.doubleclick.net/pagead/viewthroughconversion/1069424240/?guid=ON&script=0) 

![](https://px.ads.linkedin.com/collect/?pid=1407956&fmt=gif)