Remove colour overlay from course cards that have an image

This idea has been developed and deployed to Canvas

 

           

Howdy all,

Firstly I have to say the new course cards image feature is awesome and a great leap forward. I have been using it a bit now and have a small request for a future revision.

 

When a course is given an image for the course card on a user's dashboard, I would really like to see the colour overlay removed (so that the image does not looked washed out with the user selected colour).

 

Ideally, I would love to see this configurable on an account level rather than an individual course level, but that is just from an administrator's perspective.

 

Just to visualise this more, the current behaviour with a couple of different colours:

200569_canvas_demo_1.pngcanvas_demo_1.png

200579_canvas_demo_2.pngcanvas_demo_2.png

 

And the ideal/requested behaviour:

200580_canvas_demo_3.pngcanvas_demo_3.png

 

Additional thoughts:

I do realise the colour is important for a few different areas in relation to the course, so perhaps the bottom bar could be extended as a border around the entire card (just as one example).

 

Many thanks  team,

Keep up the awesome work!

 

Comments from Instructure

For more information, please read through the Canvas Production Release Notes (2017-05-13) 

208 Comments
laurakgibbs
Community Champion

Or the calendar font color could be used for the currently black-text display below the link which simply shows the course title. 🙂

laurakgibbs
Community Champion

I added another blog post today about how faculty can search Flickr to quickly and easy find a really cool image to use for their course card. I really (REALLY) hope we can get faculty to take advantage of this option; I would definitely want to count "use of course cards" as a metric of success in our adoption. I wonder if our Canvas admin can get a quick read on the number of courses that have course card images... Hmmm...

Here's the post:

Teaching with Canvas: Course Images and Flickr

I included this screenshot in the post: kudos to whoever at Canvas built this nifty Flickr integration!

Screen Shot 2016-11-17 at 9.58.43 AM.png

DrNufer
Community Coach
Community Coach

Perhaps changing the color from white to off-white would be easy for some people.  Something like: #E4E3E3

DrNufer
Community Coach
Community Coach

Two months later and we're well past the 7-2

DrNufer
Community Coach
Community Coach

Your blog is great!

laurakgibbs
Community Champion

Thanks! This is our first semester with Canvas, so I am sharing what I learn as I go along. It's a HUGE change for us; we had D2L for over 10 years before this switch.

stuart_ryan
Community Novice
Author

To keep everyone in the loop: I have escalated through my CSM as I would at least like to hear a little about what has been done thus far as part of the information gathering stage and try to get this back on track.

laurakgibbs
Community Champion

Thanks for all you are doing! This is my first experience with the Canvas feature process in action. Maybe there will even be a fix available when we start classes in January. That would be really great!

It's Thanksgiving holiday in the U.S. ... but Australia is not on holiday, of course, so you can carry on with our quest for freedom from the COLOUR overlay even while school is out here. 🙂

deangelisa
Community Member

I set color #FFFFFF and the picture is displayed as if it were behind a colorless veil

209531_pastedImage_0.png

laurakgibbs
Community Champion

That's what I am doing also, but for art images, they look very washed out:

Screen Shot 2016-11-25 at 1.37.06 PM.png

Plus, when you choose "white" as the color overlay, it also defaults to "white" for the lettering on the calendar, which is not good. When you look at a calendar if you have white as the color, it looks like it is blank (white lettering on white background) - this is a screenshot of the agenda view of the calendar for a course with FFFFFF color overlay:

Screen Shot 2016-11-25 at 1.39.55 PM.png

Only when you highlight can you tell there really is text there:

Screen Shot 2016-11-25 at 1.39.42 PM.png

I would say that alone is a serious enough design flaw that something should be fixed about this right away! The obvious answer is to disentangle the choice of the color overlay (choose a color OR none) from the calendar display color (choose a color, default to black).