Tips for Working with Code (tabs and tables)

Spicing Up the Rich Content Editor: Tabbed Pages & Striped Tables

Please keep in mind the following as you practice the advanced Canvas techniques in this module:

  • Tabs and Striped/interactive tables can be used to improve the appearance of Canvas content Pages, the Syllabus, an Announcement, a Discussion prompt, an Assignment description, or a Quiz description - any item that uses the Rich Content Editor Links to an external site. (RCE).
  • Each hands-on "How-to" in this module includes sample HTML and/or CSS that you can copy and paste directly into the HTML Editor
  • Keep special note of the syntax when working with HTML and CSS -- the double quotation marks, semicolons, and spacing all matter!

Time-Saving Tips

As you explore HTML and CSS you may find the following tips to be helpful timesavers:

  • Develop your own set of templates—you could keep your template pages unpublished, which would prevent students from seeing them and make for a visual reminder to you that these pages serve a particular purpose
  • Create a page and then duplicate—whether you copy a template page or copy the same page across multiple modules (like overview or summary pages), making a copy allows you to make design consistent and all that needs editing is the content

These suggestions can help save you from typing the same code over and over and will also improve the consistency of your display.

Next up, create tabbed pages. Click "next" to learn more ↓