Topics Map > Teaching and learning > Canvas@illinois.edu

Canvas@Illinois, Upgrade Legacy DesignPLUS content for use with New DesignPLUS Sidebar

Learn how you can quickly upgrade content built with the Legacy DesignPLUS Sidebar for use with the New DesignPLUS Sidebar.

If you previously developed content with the Legacy DesignPLUS Sidebar, you will need to upgrade that content to be compatible with the New DesignPLUS Sidebar. Before proceeding, please be aware that you need to review each page of content (and cannot upgrade an entire course site at the same time). Although this can take some time, this is intentional so you can be sure your content still functions as expected with the upgraded tools.

There are two ways to access the upgrade tools: the Course-Wide Upgrade Tool or Individual Page Upgrade Tool. If you're unsure where to start, it's recommended you start with the Course-Wide Upgrade Tool because it will provide you with an easy workflow to streamline upgrading content.

Access the Course-Wide Upgrade Tool

  1. Select Settings in the course navigation menu in your course site.
  2. Select the rocket ship icon in the top right corner (note: if you don't see the rocket ship right away, make sure you have the New DesignPLUS Sidebar enabled: Canvas@Illinois, Enable the New DesignPLUS Sidebar)
  3. Select the Course Upgrade button to open the tool.
    Red box around Course Upgrade button with red arrow pointing to the button
  4. Select the Scan Course button.
    Red arrow pointing to and red box surrounding the Scan Course button
  5. You'll see progress indicators as it scans the contents of your course and then will display a short summary of what needs to be upgraded (and highlights legacy content in yellow). Select the Review Items button to access the full report and to review the content.
    Yellow highlights on the number of pages with legacy content and red arrow pointing to Review Items button with red box surrounding the button
  6. Select the Review Selected Items button to begin reviewing your upgraded content, or use the other tools to sort/review content:
    1. Review Selected Items button: Provides an easy workflow to systematically review your content.
    2. Review Item button: Opens an individual page for you to review the upgraded content.
    3. Legacy Content and New Content columns: Use this columns to sort by legacy content (that needs to be upgraded) or new content (that was already upgraded).
    4. Status Column: Displays whether or not the page of content has already been reviewed.
      Course upgrade page with indicators pointing to the Review Selected Items button, the individual Review Item buttons, a dashed line around the Legacy and New content columns, and Status column.
  7. When Reviewing Selected Items, you'll see a preview of the upgraded content. If everything looks expected, select the Approve Upgrade button. If needed, you can also compare with the legacy version in the Original Content Preview tab.
    Red arrow pointing to Approve Upgrade button with red box surrounding the button. A dashed blue arrow also points to the Original Content Preview tab.
  8. Once all items have been reviewed, you'll see the New Content and Status columns updated and can close out of the upgrade tool by selecting the "X" in the top right corner.
    Red arrow points to the "X" button to close the upgrade interface along with dashed red boxes highlighting upgraded data in the New Content and Status columns.

Report a problem with upgraded content

If you notice an issue with your upgraded content (for example, if an accordion isn't working correctly or styling changed significantly), you can report the issue directly to the vendor (Cidi Labs) by selecting the Report a Problem button and filling out the Report a Problem form. Submitting the problem this way will provide the vendor with a copy of the HTML on the page and help them troubleshoot the issue. 

Red arrow points to the Report a Problem button and a red dashed box surrounds the Report a Problem form on the right side of the page.

Individual Page Upgrade

To upgrade individual pages one at a time, you can access the upgrade tool in two ways:

  1. Access the Accessibility/Usability tab and select the Upgrade button
    Accessibility/Usability tab is selected with red arrow pointing to the Upgrade button
  2. Open the notification at the bottom of the New DesignPLUS Sidebar (will appear only if Legacy content is recognized on the page)
    Alert at the bottom of the New DesignPLUS Sidebar with red arrow pointing to the "Go to the Upgrade Tool" button

Upgrading Content

In general, we recommend upgrading all content on your page at once to make sure you don't have a combination of Legacy and New content on the same page (which could cause problems when editing content in the long term).

  1. With the Upgrade tool open, select the Upgrade All # Items (Recommended) button:
    Upgrade tool with red arrow pointing to the "Upgrade All # Items (Recommended)" button
  2. The sidebar will automatically update all content on the page.
  3. After all content has been updated, you should see a message indicating that there are "no upgrades detected":
    Red arrow pointing to a message in the DesignPLUS sidebar stating "No upgrades detected"

Additional Resources

For more information, see the Upgrade page in the New DesignPLUS User Guide developed by Cidi Labs.


Keywords:
DesignPLUS, new designplus sidebar, upgrade to new sidebar, canvas 
Doc ID:
138245
Owned by:
Rachel M. in University of Illinois Technology Services
Created:
2024-07-05
Updated:
2024-12-23
Sites:
University of Illinois Technology Services