Adding a Pill Box to Estimate Time of Completion

  • Estimated Reading & Viewing Time
  • 20 mins

WHAT DOES A PILL BOX DO?:   Places an easy-to-notice pill-shaped box at the top of a page to draw a reader's attention to a useful piece of information.

HELPFUL TIP FOR "READING LENGTH" PILL BOX:   Use the ReadTime website to help you roughly estimate how long it will take to read passages. You will need to copy and paste text into the provided box on the website. 

The Pill Box is simple to add and simple to edit.

Example of Estimated Reading Time

This Pill Box can be used on Pages when students will be reading content.

Copy and Paste this code into the HTML Editor and change the text to show what you want. (NOTE: You will not see the "pill box" design until you save the page):

<ul class="pill">
<li>Estimated Reading Time</li>
<li>30 mins</li>
</ul>
<ul class="pill"></ul>

Example of Estimated Time to Complete

This Pill Box can be used for Assignments, Discussions, Quizzes, Activities, Reflections, In-Class Discussions

Copy and Paste this code into the HTML Editor and change the text to show what you want. (NOTE: You will not see the "pill box" design until you save the page):

<ul class="pill">
<li>Estimated Time to Complete</li>
<li>30 mins</li>
</ul>
<ul class="pill"></ul>

Example of Estimated Reading & Viewing Time

This Pill Box can be used on Pages when students will be reading and viewing content.

Copy and Paste this code into the HTML Editor and change the text to show what you want. (NOTE: You will not see the "pill box" design until you save the page):

<ul class="pill">
<li>Estimated Reading & Viewing Time</li>
<li>30 mins</li>
</ul>
<ul class="pill"></ul>

Example of Estimated Reading Time in Minutes & Seconds

This Pill Box can be used on Pages when students will be reading content.

Copy and Paste this code into the HTML Editor and change the text to show what you want. (NOTE: You will not see the "pill box" design until you save the page):

<ul class="pill">
<li>Estimated Reading Time</li>
<li>30 mins</li>
<li>10 seconds</li>
</ul>
<ul class="pill"></ul>

 

 

Here is a video demonstrating how to add the Pill Box to each page, assignment, discussion, or quiz.