[ARCHIVED] Screen Width Issue

[90897]

I just want Canvas but WIDER on my screen.  I want to be able to use the entire width of the screen in a learning module.  If that's impossible, what software will let me do that?  Thanks.

[MattHanes]

This is not possible without heavy modifications to the CSS of Canvas.  If you are an Admin, you might try out the new User Interface in your beta environment to see if that helps. Or you can have your admin enable it in the beta environment.

Helpful Links:

How do I access the Canvas beta environment?​

What is the New Canvas User Interface?​

If you're wanting full page content, it sounds like making a free webpage might be your best option. You can build a Google Site for free or use a platform like Wix or Wordpress to construct your pages.

[kona · Accepted solution]

 @canvas_admin ​ posted a possible solution to this on How can I widen the area used for content on a page? 

His solution was,

I've been playing around with CSS based on the new UI and have been able to resize the right side wrapper to give myself some more room on a course front page.

Here's my code and the numbers can be changed around to fit your needs.

/*resizes the right side wrapper of a content page*/

.ic-app-main-content__secondary{

    flex: 0 0 225px;

    padding-left: 0px;

}

You can get some real estate that way.  I'm sure there's probably more sophisticated ways.

[bgibson]

• If you have PowerPoint 2013, you could add the free "Office Mix" plugin and then create presentations.  These fill the page.
• I used the free version of MS Expression Web to create a set of pages, zipped the folder up and then upload/expanded them.  This fills the screen width also.
• Someone pointed out a free web page template ( http://www.opendesigns.org/website-templates/ ) and I edited those pages, zipped the folder up and upload/expanded it.  Fills the screen.
• Probably SCORM creation tools would produce a similar output.
• And, since I use WordPress already, just add a link to the start page for your WP site and it opens full width from the left navigation menu.

With WP you need to make sure your site theme is "responsive," so that if someone opens your Canvas pages and you are referencing the WP site, the theme will dumb down for the device you are using.  Also, you need to reference secure pages "https" or Canvas (and other LMSs) will not display the content.

Look under Miscellaneous Web Tools for some examples:

https://uncfsu.instructure.com/courses/3528/modules

Looks like most web page creation tools could create a page.  You just add images, embed videos, etc.  The only thing you have to do is make sure it works outside of Canvas... zip up the entire folder, upload and have Canvas expand it.  Then find your start page and it will fill the screen to the right of the navigation menu.