How do I make the new DesignPLUS sidebar default for my institution or turn off the legacy sidebar?
To turn off the legacy sidebar for your institution, adjust the JavaScript variable "enableVersionSwitching."
In January 2026, the new DesignPLUS Sidebar became the default for all customers. However, if your institution had the legacy sidebar, users may have the option to temporarily switch to the legacy sidebar in their User Settings. You can disable the legacy sidebar completely by navigating to the Global JavaScript and changing the variable enableVersionSwitching from "true" to "false."
Note: Legacy code will continue to render, but users will not be able to open or switch to the legacy sidebar. Rather, they will need to use the Course Upgrade tool to edit legacy content with the new sidebar.
Step-by-Step Instructions
To make the new sidebar default, you'll need to edit the JavaScript file for your Canvas Theme. To do so:
- Navigate to the Account or Sub-account where DesignPLUS is installed.
- Access the Themes page from the Account navigation menu.
- Find the current theme, and open it in the Theme Editor.
- Within the Theme Editor, select the Upload tab in the top left.
- To the right of the "JavaScript file" title, select the View File link.
- Anywhere on the page, right-click, and select "Save As." It is helpful to add a suffix to the file name with the date you're making changes, so you can easily differentiate versions of this file.
- Open the file in a code editing program or a simple text editor (like Notepad for Windows or TextEdit for Mac).
- Change the variable enableVersionSwitching from 'true' to 'false.'
- Save the file to your computer with a .js file extension. For example, "myJavaScriptFile.js"
- If you're using Notepad, make sure to choose "All Files" when saving it so you can use a .js file extension.
- If you're using TextEdit, make sure to choose Format > Make Plain Text before saving the file.
- Return to the Theme Editor in Canvas.
- Within the same theme, choose the Select button for the JavaScript file.
- Locate and select the .js file you just saved. (If you added a date suffix, you can easily search for it!)
- Click the Open button.
- Select the Preview Your Changes button in the center of your screen.
- Select the Save Theme button in the lower right. You will be prompted to name the theme.
- Select the Apply Theme button in the lower left, and select Ok on the browser alert to apply the changes to the entire account or sub-account.
Why is the legacy sidebar still appearing?
After updating the JavaScript, the legacy sidebar may still appear. This is because your browser may still have the temporary "dpUseLegacy = true" cookie if you recently switched to the legacy sidebar.
After 24 hours, the new sidebar will load by default, but if you would like to remove the cookie before then, clear your browser cache and cookies.
If you would like further assistance with making the new sidebar default, please reach out to support@cidilabs.com.