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

This page covers:

  • Embeding an activity block.
  • The Video, Reading and Presentation blocks.
  • Helpful next steps in the See Also section.

Exemplar:




To embed 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>



To add a Video, Reading or Presentation block


  • Follow the instructions above to add/edit a text and media area, but...
  • Copy and paste the HTML code for box you want below.
  • Add your activity instructions inside the coloured block.
  • 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 April 2024, 1:11 PM