UCL Logo

Page tree

print Keywords: course format, structure, topics, tabs, tabbed, drop-down sections, one, single, label, visual, chunk content.

What is it?

Structured Label gives teachers a simple form to fill in which then renders content and an image consistently allowing course pages to be broken up with attractive headings.

Why use it?

The structured label plugin is designed to allow teachers to add attractive content blocks to break up their pages without needing to understand HTML. When adding a structured label tutors are asked to add:

  • Title
  • Content / label
  • Image
  • Links with Font Awesome icon picker (optional)

The plugin can be configured by an administrator to define:

  • Image size
  • Pre-formatted styles for websites (for URLs added)

Images are then automatically cropped to a consistent size and any URLs added are formatted into pill / tag like resources.

Who can use it?

  • Tutors
  • Course Administrators

Meeting the baseline

The UCL E-Learning Baseline suggests the following for Structure: 

  • 1.1 Present activities and resources in a meaningful, clearly structured and sequenced way
    • Use headings - Use Section Headings for each topic area and heading styles within LabelsBooks, and Pages to maintain consistency across sections and help students see where they are.

How do I set one up?

  1. Log into Moodle, got to the course you want to add the structured label to and Turn Editing on.
  2. In the section, click 'Add an activity or resource'.
  3. From the menu select ' Structured Label ', then click Add.
  4. Enter the title, content of the label and image you want to appear in the structured label. Make sure to choose the appropriate heading styles for headings (large, medium, small) and avoiding capitalised and italicised text, which are difficult to read on screen.

    Optional: if you want to add tab links to supporting resources, add the details (URL, name (as displayed in the tab on screen) and icon (optional). You may enter more than 3 by clicking ‘add 3 more resources’.

  5. Scroll to the bottom of the screen and click 'Save and return to course'.

You will see your structured label appear at the bottom of the course section.
Click and hold the move button (to the left of the label) to move it up into the correct position on your Moodle course homepage and then release your mouse to drop it into place.

Moodle structured label configuration


There is a known issue with editing larger numbers of labels:
By default, there are 3 "supporting resources" shown when editing structured label. To add more than 3, use the "add 3 more resources" link.

After saving, when you want to re-edit the label, you will only see 3 resources added earlier. Other resources are not shown. You need to click "add 3 more resources" so the other resources are shown. Remember to always “add 3 more resources” as many times as needed before we edit any other aspect of the object.


Only basic accessibility checks have been carried on, with no critical findings.
Full accessibility check will be performed and any issues found will be highlighted here. In the meantime, if you encounter any accessibility issues with this resource, please report them to digi-ed@ucl.ac.uk.

Examples and case studies

Questions & Answers

- None at this time. 

Further information

The Plugin is developed and maintained by Jez HManoj SolankiKevin Moore.

This guide was adapted from the plugin description, which provides  examples for the structured label in screenshots. Accessed on the 09 February 2021.

  • No labels