Activity Blocks: how to add - activity, presentation, video, reading

This page covers:

To add an activity block

  • Add or Edit an existing text and media area.
  • Expand the text editor toolbar and click the HTML icon </> to edit the HTML code.
  • Copy and paste the HTML code below.
  • Click the HTML icon again to exit HTML edit mode.
  • Add your activity instructions inside the coloured block.
  • Save and return to course.

Activity

HTML code:

<div class="aBlock-activity">
<h3>Activity</h3>
<h4>Activity Title</h4>
<p>Description of activity</p>
</div>



Adding a Video, Reading or Presentation block


  • Follow the instructions above to add/edit a text and media area, but instead copy and paste the HTML code for box you want from below,
  • Add your title and instructions inside the coloured block,
  • Complete the block by adding a video, adding a file, or adding a link, and then
  • Save and return to course.

Video

Add this HTML code:

<div class="aBlock-video">
<h3>Activity</h3>
<h4>Activity Title</h4>
<p>Description of activity</p>
</div>

Reading

Activity Title

<div class="aBlock-reading">
<h3>Activity</h3>
<h4>Activity Title</h4>
<p>Description of activity</p>
</div>

Presentation

Add this HTML code:

<div class="aBlock-presentation">
<h3>Activity</h3>
<h4>Activity Title</h4>
<p>Description of activity</p>
</div>


See also

Last modified: Wednesday, 3 July 2024, 10:21 AM