Using the Course Upgrade Tool in DesignPLUS

When CCS first purchased the DesignPLUS product from Cidi Labs, it was called Design Tools. One or more of your courses may have content that was designed with the legacy Design Tools sidebar. CCS has upgraded the Design Tools sidebar to the DesignPLUS sidebar. However, it is possible that one or more of your Canvas courses was designed using the legacy Design Tools sidebar.

Cidi Labs Design Tools Sidebar
Design Tools Sidebar (Legacy)
Cidi Labs DesignPLUS Sidebar
DesignPLUS Sidebar (Current)

It is important to upgrade your content pages so that you can take full advantage of the DesignPLUS sidebar. The DesignPLUS sidebar offers two different ways to upgrade your content.

Upgrading Individual Content Pages

These steps guide you through the process to upgrade course content pages one-by-one. For example, if you only have a few pages in your course that need upgrading, you may choose to use this procedure rather than using the other process outlined on this page.

  1. In your Canvas course, navigate to a content page in your course that was designed with the Design Tools sidebar. For example, you may have a page that looks similar to this:
This is an example of what a Canvas content page looks like using the Cidi Labs Design Tools integration.
  1. Click the โœ๏ธ Edit button to edit the content page.
  2. At the top right-hand corner of the screen, click on the ๐Ÿš€ rocket ship icon that appears. This will open the DesignPLUS sidebar.
    • Alternatively, press the keyboard combination Alt/Option + Shift + D.
  3. At the bottom of the DesignPLUS sidebar, you may see a section that looks similar to the below screenshot which will indicate how many legacy elements were found on your page. Click on the Go to the Upgrade tool button.
When editing a content page using DesignPLUS, the sidebar includes an area showing elements that need to be upgraded from the Design Tools sidebar to the DesignPLUS sidebar.
  • Alternatively, click the Accessibility / Usability tab at the top of the DesignPLUS sidebar. Then, select the Upgrade button.
Alternatively, click the Accessibility / Usability tab at the top of the DesignPLUS sidebar. Then, select the Upgrade button.
  1. Within the DesignPLUS sidebar, you will see a button to upgrade elements on the content page. In this example, the button is Upgrade All 14 Items (Recommended). Use the โž• and โž– buttons below the Upgrade All button to review the elements DesignPLUS found that need to be upgraded. Click on the Upgrade All ## Items (Recommended) button when you are ready to upgrade all elements on the page.
Click the "Upgrade All ## Items (Recommended)" button to upgrade all content within the content page.  Use the + and - buttons below the Upgrade All button to review the elements DesignPLUS found that need to be upgraded.
  1. Click the Save button on your Canvas page once DesignPLUS has finished upgrading all elements on your page.

Using the Course Upgrade Tool

The Course Upgrade tool lets you upgrade all pages in your course. It is your responsibility to review all course content for accuracy. This tool does not have a “blind upgrade” (upgrading without reviewing) tool because it is important to make sure the upgrade is successful before saving in Canvas for these reasons:

  • You would still need to review the pages afterward to ensure there are no errors during the upgrade.
  • If there was an error during the upgrade and you donโ€™t review the pages afterward, your students will be the first ones to discover the problem.
  • If there was an error during the upgrade, you would not be able to revert Discussions, Assignments, Quizzes, and Announcements because they donโ€™t have a version history like Pages do.

  1. In your Canvas course, in Course Navigation, click the Settings link.
  2. At the top right-hand corner of the screen, click on the ๐Ÿš€ rocket ship icon that appears. This will open the DesignPLUS sidebar.
    • Alternatively, press the keyboard combination Alt/Option + Shift + D.
  3. Click on the Course Upgrade button in the DesignPLUS sidebar.
Click on the Course Upgrade button in the DesignPLUS sidebar.
  1. Click on the Scan Course button in the DesignPLUS sidebar.
Click on the Scan Course button in the DesignPLUS sidebar.

DesignPLUS will scan your entire course for content pages that need your attention. The Course Scan Results columns are:

  • Type: The six content types that are scanned. Note: Quizzes does not include New Quizzes since DesignPLUS content is not included in New Quizzes.
  • Total: This shows the total number of items scanned for each item type.
  • None: No DesignPLUS content was found on the item
  • Both: Legacy and new sidebar content was found on the item
  • Old: Only legacy content was found on the item
  • New: Only new content was found on the item
  1. Click on the Review Items button to proceed.
DesignPLUS will scan your entire course for content pages that need your attention.  Click on the Review Items button to proceed.
  1. A screen will appear which lists content pages in your course that need reviewing. To begin reviewing a page, click on the Review Item button.
Click the "Review Item" button within any row to review the elements that need to be upgraded on that course content page.
  1. Your page will display on the screen with several options:
    • << Previous and Next >> buttons to navigate to the previous or next content page. The page number (Ex: 4 of 9) displays at the top right-hand corner of the screen.
    • Upgrade Content Preview and Original Content Preview tabs let you toggle between what your page will look like after the upgrade and what your page looks like currently.

Click the Approve Upgrade button to upgrade your content page.

  • Optional: Place a checkmark next to Continue to next item after approval.
Use the "Previous" and "Next" buttons to move through pages that need your review.  Use the "Upgraded Content Preview" and "Original Content Preview" tabs to compare what your content page will look like after and before the upgrade.  Click the "Approve Upgrade" button to accept the changes.

Additional Resources