{"id":3476,"date":"2017-04-19T16:26:31","date_gmt":"2017-04-19T23:26:31","guid":{"rendered":"http:\/\/www.bellevuecollege.edu\/bcconnect\/?p=3476"},"modified":"2018-02-24T07:53:36","modified_gmt":"2018-02-24T15:53:36","slug":"new-canvas-feature-dashboard-images-for-courses","status":"publish","type":"post","link":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/2017\/04\/19\/new-canvas-feature-dashboard-images-for-courses\/","title":{"rendered":"New Canvas Feature: Dashboard Images for Courses"},"content":{"rendered":"<p>The Canvas Dashboard is the first page you see upon logging into Canvas. Each of your classes appears as a colored &#8220;tile,&#8221; arranged alphabetically in a grid, with the item number and course name in small-ish text below the big block of color. Up until this point, the only way you could customize each tile was by changing the color. If your Dashboard has lots of tiles, it can be difficult to find the class you&#8217;re looking for.<\/p>\n<p>Well, not any more! Now you can add an image to your course tiles. Check it out:<\/p>\n<figure id=\"attachment_3479\" aria-describedby=\"caption-attachment-3479\" style=\"width: 463px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3479 img-fluid \" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Dashboard.png\" alt=\"Canvas Dashboard\" width=\"463\" height=\"250\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Dashboard.png 927w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Dashboard-300x162.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Dashboard-768x414.png 768w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><figcaption id=\"caption-attachment-3479\" class=\"wp-caption-text\"><em>The course tile on the left has an image, the one on the right does not.<\/em><\/figcaption><\/figure>\n<p>If you&#8217;d like to add images to your Dashboard\u00a0class tiles, here&#8217;s how:<\/p>\n<p>1. Since this feature is applied at the course level, you&#8217;ll need to enable it for each course. Go into your course, then to Settings.<\/p>\n<p>2. In your course&#8217;s Settings page, click on the &#8220;Feature Options&#8221; tab across the top.<\/p>\n<p>3. Click the &#8220;switch&#8221; icon to the right of &#8220;Enable Dashboard Images for Courses.&#8221;<\/p>\n<figure id=\"attachment_3488\" aria-describedby=\"caption-attachment-3488\" style=\"width: 484px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3488 img-fluid \" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Settings-FeatureOptions-Enable-1.png\" alt=\"Click on the switch icon next to &quot;Enable Dashboard Images&quot;\" width=\"484\" height=\"201\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Settings-FeatureOptions-Enable-1.png 969w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Settings-FeatureOptions-Enable-1-300x125.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Settings-FeatureOptions-Enable-1-768x319.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/Settings-FeatureOptions-Enable-1-900x375.png 900w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><figcaption id=\"caption-attachment-3488\" class=\"wp-caption-text\"><em>Click on the switch icon next to &#8220;Enable Dashboard Images&#8221;<\/em><\/figcaption><\/figure>\n<p>4. Click any of your course&#8217;s navigation links (the links on the left),\u00a0then go back to your course&#8217;s Settings page.<\/p>\n<p>5. Click on the &#8220;Course Details&#8221; tab across the top. Now you should see a button called &#8220;Choose Image.&#8221; Click it.<\/p>\n<p>6. On the ensuing Flickr page, type in a search, then click on an image you&#8217;d like to use.<\/p>\n<figure id=\"attachment_3482\" aria-describedby=\"caption-attachment-3482\" style=\"width: 300px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3482 size-medium img-fluid \" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch-300x300.png\" alt=\"Find an image. \" width=\"300\" height=\"300\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch-300x300.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch-150x150.png 150w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch-55x55.png 55w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch-45x45.png 45w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch-100x100.png 100w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/FlickrImageSearch.png 675w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-3482\" class=\"wp-caption-text\"><em>You can drag and drop an image from your desktop, or do a quick search of Flickr.<\/em><\/figcaption><\/figure>\n<p>7. Scroll down to the bottom of the Settings page, and click the blue &#8220;Update Course Details&#8221; button.<\/p>\n<p>8. Go back to\u00a0your Dashboard to see the results!<\/p>\n<p>Note that you can still change the tile color, too. The color of the image will be blended with the color of the tile. Experiment with the tile color to find a desirable combination.<\/p>\n<p>This can really help make finding the course you need much easier and quicker.<\/p>\n<figure id=\"attachment_3497\" aria-describedby=\"caption-attachment-3497\" style=\"width: 1110px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3497 img-fluid \" src=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/DashboardFull.png\" alt=\"A Dashboard full of imaged tiles. \" width=\"1110\" height=\"801\" srcset=\"https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/DashboardFull.png 1110w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/DashboardFull-300x216.png 300w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/DashboardFull-768x554.png 768w, https:\/\/www.bellevuecollege.edu\/wp-content\/uploads\/sites\/182\/2017\/04\/DashboardFull-1024x739.png 1024w\" sizes=\"auto, (max-width: 1110px) 100vw, 1110px\" \/><figcaption id=\"caption-attachment-3497\" class=\"wp-caption-text\"><em>Finding the right class is much easier with the help of photos.<\/em><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Canvas Dashboard is the first page you see upon logging into Canvas. Each of your classes appears as a colored \"tile,\" arranged alphabetically in a grid, with the item number and course name in small-ish text below the big block of color. Up until this point, the only way you could customize each tile <a class=\"read-more\" href=\"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/2017\/04\/19\/new-canvas-feature-dashboard-images-for-courses\/\">...more about New Canvas Feature: Dashboard Images for Courses<\/a><\/p>\n","protected":false},"author":180,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5,6,7],"tags":[],"class_list":["post-3476","post","type-post","status-publish","format-standard","hentry","category-canvas","category-elearning","category-tutorials"],"_links":{"self":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/posts\/3476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/users\/180"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/comments?post=3476"}],"version-history":[{"count":3,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/posts\/3476\/revisions"}],"predecessor-version":[{"id":3503,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/posts\/3476\/revisions\/3503"}],"wp:attachment":[{"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/media?parent=3476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/categories?post=3476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bellevuecollege.edu\/elearningfaculty\/wp-json\/wp\/v2\/tags?post=3476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}