Add a HTML block
This guide describes the HTML block that can be added to the right-hand column of a Moodle space or to the centre and right-hand column on the dashboard. Examples are used to illustrate the ways HTML blocks are used at Warwick.
The HTML block is a versatile block as it is has a content section with the same editing toolbar as most resources. This means that you can use HTML to create custom menus, embed media files as well as Twitter or other social media feeds. Importantly, you can add multiple HTML blocks to a single Moodle space.
Adding a HTML block
Follow the instructions in the Add a block guide to add the HTML block.
Editing a HTML block
- Click on the gear icon on the right-hand side of the HTML block.
- Select 'Configure (new HTML block) block'.
- Give the block a name using the 'Block title' field.
- Click on '</>' to switch to the HTML view in order to add HTML code.
Using a HTML block
Any valid HTML code can be added to the HTML block. However, please note:
You can use:
- inline CSS
- font awesome icons (4.70, currently)
- bootstrap markup
You cannot use:
- an external CSS file
- Javascript
Create a resources or links menu
One of the more effective uses for the HTML block is in providing a module/department wide navigation menu, particularly for links to external (SiteBuilder and elsewhere) pages.
As you can use any standard HTML, including Bootstrap, it is possible to create horizontal menus using tabs or pills, with panes, and even collapsible accordions to create more complex versions.
We have provided an example in our reusable HTML snippets which you can read more about in the Add a course header and other visual elements guide.
Adding a twitter feed
Display the latest tweets from any Twitter account:
- Log in to Twitter
- Follow the instructions to create a timeline widget using https://publish.twitter.com/
- Add and configure a new HTML block to your Moodle space (as above).
- Click on '</>' to switch to the HTML view in order to add HTML code.
- Copy and paste the code provided by Twitter into the HTML source.
- Click 'Save changes'.
The new block will appear in the right-hand column.
For more information on this, please contact moodle at warwick dot ac dot uk.
More information on HTML Blocks is available in this Moodle Article.
Contents
- Introduction to managing course participants
- Make your course visible to students
- Check participants
- Enrolment methods and managing access permissions
- Enrol participants using Warwick auto-enrolment
- Manually enrol participants onto a Moodle space
- Roles and their functions in Moodle
- Switch to another role
- Create groups
- Create groupings
- Using group mode with activities
- Enable activity completion
- Mark activity completion manually
- Track activity completion
- Course completion
- Course participation
- Introduction to assessment and feedback
- Create a fail / pass scale
- Create a custom certificate
- Create and manage badges
- Reports, logs and completion data in Moodle
- Create an assignment
- Create an assignment for group submission
- Set up Turnitin within an assignment
- Create and grade a submission using a rubric
- Use a marking workflow for assignments
- Blind marking
- Allocate markers to specific submissions
- Provide grades and feedback for individual assignments
- Check the status of submissions
- Hide or show grades and feedback
- Introduction to eStream
- Access your eStream content
- Uploading videos to eStream
- Edit videos in eStream
- Edit video thumbnail
- Uploading a closed captions (subtitles) file to eStream
- Add eStream videos to Mahara
- Sharing eStream videos to Moodle
- Sharing an eStream video with a link
- Setup a video assignment in Moodle
- Introduction to Vevox
- Get help with Vevox
- Converting from Turning Point to Vevox
- Polling in PowerPoint using the Vevox add-in
- Polling and Q&A all running within the Vevox dashboard
- Polling in PowerPoint, plus Q&A
- Request a Vevox account
- Information about Vevox for students
- Use Teams with Vevox personal response system