KB1349 - Customizing the OneTopic course format

The OneTopic course format has been used at VCC for years, in hundreds of courses each term. It's popular with Instructors who want to use a "tabbed" interface to organize many different topical sections inside their Moodle courses.

The version of the OneTopic course format that's compatible with Moodle 4.5 has included a number of changes:

  • A new tab styles editor when editing each section.

  • The ability to include a tab icon by either tab and tab state. 

  • New background options for each section.

New Style Editing in OneTopic 

Since being upgraded to be compatible with Moodle 4.5, one of the most significant changes in the OneTopic format is how styles and colour customizations are done. The OneTopic format now has a completely redesigned user interface for customizing tab colours and styles

Changing your Tab colour and appearance

To change a tab's appearance settings, click on that tab to enter its section, and then click on the vertical "three dots" menu at the top of the section. 
In the menu, select "Edit Settings":

Some essential buttons for tab settings

On the Edit Settings page (seen below), here are some essential settings for Tab styles:

  • Section content background
  • "Tab Styles"
    Next to that, you can click "Show/hide tab style options" button to reveal all the tab's settings.
    (The images of tabs below the "Show/hide" button show you what the colour settings will look like before you press "Save". You can change any of these settings at any time.)
  • Clicking "Set default" will let you change the default background colour of the current tab. (Note: If you change the background colour for the tab there, it and all its Children will assume that same background colour. (This is a reasonably good usability choice for parent/child tabs.)
  • Click "Set Highlighted" to create a default background colour for a Tab when it is the one currently selected. 

 

Related Resources: