Understanding 'Blocks'

Site: MDX Sandbox 1
Course: Tarek Zoubir Course
Book: Understanding 'Blocks'
Printed by: Guest user
Date: Saturday, 30 August 2025, 1:25 PM

Description

This is an example of a book resource where you can group html pages together. These can have images and video embedded.

What are blocks and how are they docked?

calendar block

Blocks are items which may be added to the left or right or centre column of any page in Moodle. 

How to Dock/Undock a Block:

Blocks can be placed on the side of the screen (if your theme supports it) via the Dock icons (Block to Dock  and  Dock to Block)

  • Locate the block to be docked and click on the "Block to Dock" icon:

dock a block

  • The block is now located in the margin:

docked block

  • Hover over the block to see the block contents:

To undock, click the "Undock this block" icon:

undock block

 

  • To undock all blocks at once, click the "undock all" (bottom left) icon:

undock all blocks

 

Types of Blocks

calendar

Blocks are items which may be added to the left or right or centre column of any page in Moodle.

Standard blocks include, but are not limited to:

Custom/HTML Blocks

HTML Blocks

An HTML block provides a space for text, images, or multimedia in the left or right columns of the course.

The block is flexible and can incorporate a variety of functions and uses in the content area. It has the standard Moodle HTML editor for formatting text, adding images or creating links, switching to code view and allows any valid HTML markup to be used. This enables embedding video, sounds, Flash, and other files which can add unique elements to a course or site page.

  1. Add HTML Block to course (this option is available on the course front page at the bottom of the right hand column).
    add html block

  2. Click the "Configuration" icon to add content to the block (see image below).
    configure block


  3. Add a title (optional) and content to reside in the block. Text, images, and other content can be placed in the HTML block area.
    configure_html_block_content


  4. After adding the desired content, scroll down to set up the block appearance settings (the weight determines in which order blocks appear on the page).
    block appearance


  5. The last thing to do is to 'Save changes'