How do I format pages using tabs or accordions?

Tags canvas

Quick Links: | Prerequisites | InstructionsAvailable Page TemplatesTroubleshooting |

Starting with a well-designed course template can greatly enhance the visual appeal and structure of your course on Canvas. Chico State offers customized templates to help faculty create engaging and organized online course environments. This guide provides instructions on how to import these templates from Canvas Commons into your course. 

Prerequisites

  • Access to a Canvas course as an instructor

Step-by-Step Instructions

  1. Log in to Canvas.
  2. From the Global Navigation Sidebar, select Commons. 
  3. Select the Chico State template that best meets your needs. See below for descriptions. 
  4. From the template Preview page, select Import / Download.
  5. Select the check box next to the course(s)   where you want to import the template. 
  6. Select Import into Course.

Available Page Templates

There are several templates available to help you format your pages, depending on your style preferences. 

Accordion Page Fill-In Template

This accordion page is generic and simple. It's ready for you to edit with your content, and easy to add and remove dropdowns.

Accordian template with placeholder labels

Simple 5-tab template

5 tab template in edit mode. Not representative of Student View

Simple 5-tab page layout in student view 
Simple 5-Tabs Template in Canvas

Advanced tab templates (using color)

Advanced tab with colors on tabs

Advanced tab template layout in Student View 
Advanced 3-Tabs Template in Canvas

Troubleshooting

  • Editing Tab or Accordion Titles: If you need to change the title of a tab or accordion, start editing after the first letter to avoid breaking functionality. For example, to rename "Learning Resources" to "Graded Activities," type the new name after the first character, then remove the first character.
  • Preview vs. Actual Format: If the template's format in the preview looks different from what you expected, proceed with importing it to your course to see the actual layout and functionality.
Print Article

Related Articles (1)

This guide provides instructions on importing Chico State's template course templates from Canvas Common to your own Canvas course.