UNI eLearning Suite

How do I change my Course List view?

All users can now view the Courses page as either a list or a grid. To switch between the two options, select one of the highlighted buttons shown below:

Images for List to Grid Toggle

In the Grid (Course Card) view, the system will assign a random image to the course card. The Instructor(s) of the course has the option to personalize this image for each of their courses.

 


Instructors:

You have the option to customize the image on your course cards that you and your students see in the Grid (Course Card) view. By default, the system assigns a random nature image to your course(s).

Course Cards Base Image

 

Known Issue - Current Workarounds & Additional Details - Updated 6/21/2019

In Grid View (Course Card), you can customize the image of your course cards.. This image now replaces the current course banner or adds a banner to your course if one isn't already used. This is an intended feature moving forward. The issue occurs because Blackboard course card images and course banner images currently have different size requirements. This forces the images to be cropped and resized according to the requested sizes.

Let's use the following images as an example here. Image 1 below was originally 4000x3000. Currently, if you were to upload Image 1 as a course card, the image would be cropped as shown in Image 2. Everything that is covered by the red rectangle in Image 2 would be displayed as the course card. Additionally, since a large image was used, your course banner will display the entire image on your course entry page. Image 3 is a small example of what you can expect if you currently upload an image of great size.

Image 1

Example Course Card Image. WC DNR

Image 2

Example image displaying effective range. WC DNR

Image 3

Example of image in course. WC DNR

 

 

Recommendations:

If you wish to take advantage of custom course cards.

  • Image size 1200x300: Size your images as close to ≥ 1200x300 pixels/resolution as possible.
  • Design from the center out: Place important text and details towards the center of the image. This is to ensure desired details are displayed on the course card after cropping. See the red rectangle in Image 2.
  • Design with Course Banner in mind: Remember, your image will be displayed as a course banner as well as a cropped course card.

 


To personalize/customize your course card image:

1) Hover your cursor over the course card image you would like to change. Then, select the pencil icon shown in the image below.

Step one to Card Edit


2) Select the button that says "Add new image". You will be taken to your file explorer from which you will select your desired image. *Until the current bug is resolved try to keep your course card around 1200x300 pixels*. Also note that this image will be posted to your course dashboard as a banner.

Cards change, step 2
 

3) If the image is accepted, you'll see a small circular progress indicator showing the status of the upload.
  in progress bar 
Once uploaded, the progress icon will disappear and the upload will be complete. That's it, the course card image has been changed. That course card image is now immediately visible by anyone who is enrolled in the course.

If you were to accidentally upload the wrong image, please click the pencil icon again and click the "Reset to default image" button. This will return the course card image to the default image.