robot on smartphone The more devices your content works on, the better chance students will view it!

Try downloading the free Canvas iOS app or Canvas Android app to make sure you course content is accessible on a mobile device. The Canvas app runs on both mobile phones and tablets. Canvas also displays content pretty well on internet browsers (i.e.: Chrome, Safari, etc.) when you are using 7+ inch tablets.

The Problem with Tables

Try to avoid using tables on Canvas pages. They are not accessible to screen readers and present challenges when displaying content on various devices.

For the times when you need to use tables to create two columns on a page, for example, set the table width to a percentage (i.e.: 100%) by first clicking anywhere inside your table and then using the Table menu in the Rich Content Editor toolbar:

How to edit table properties on a Canvas page, and set the width to 100 percent

Now, you'll need to make sure your table isn't too wide or narrow on different devices, which will make your content difficult to read/access. To do this, go back to your Table Properties, click on the Advanced tab, and paste the following in the Style box:
max-width: 800px; min-width: 315px;

The Problem with Images in Tables

The above method works alright if your table only has text. Images in tables are another story. You will experience varying results on desktop/laptops and mobile devices depending on the size and placement of images in your table. If you need a table with images go ahead and try it out. After you've saved your page view it on a desktop and mobile device. If it's not working, reach out to one of the CDLI instructional designers for assistance.