The Photo Banner widget is a customizable, course-level widget that displays uploaded images in a carousel. Users with permissions can upload images, add a link to the carousel, and customize the background styling of the widget. Users with the appropriate permissions can also add or remove images and configure the background.
The admin tools are accessed using the admin tools menu at the top right in the widget.
Figure: Examples of the Photo Banner widget.
Use this widget when:
- You have image heavy content: If your course relies significantly on sharing image-based content, consider updating the photo banner to highlight scheduled content. For example, if this week’s History lesson is focused on the Tudors, you may want to include pictures of each of the monarchs. Or if this month’s content shares tips to feng shui your workspace, you can include images that capture those best practices.
- You ask your learners to collect images: When you have learners capturing images of their work or experiences, consider using the Photo Banner widget to curate the best examples, highlight learner contributions, and inspire peers.
- You have visuals to support learning: When learning materials can be presented visually, post a job aid, diagram, or infographic in the Photo Banner and link it to the relevant content in your course for more information.
- Your in-class activities are photo-worthy: When moments of exploration, collaboration, and discovery are happening in person, consider capturing those learning experiences and sharing the photos.
Add images to the Photo Banner Widget
You can upload your own image files to the Photo Banner widget.
To add images to Photo Banner:
- In the Photo Banner widget, click the Admin Tools menu > Add Images.
- Click Upload, select the image you want, then click Open. The added image appears in the preview section.
- Add text to describe the image in the Alternative Text field. This provides text used for accessibility tools such as screen-readers.
- Click Save.
You have added images to your Photo Banner widget.
Add a URL to the Photo Banner Widget
If you have permissions to modify images in Photo Banner, you can add a URL to appear below the images in the widget. A small icon appears in the corner of images with an associated URL as well.
To add a URL to Photo Banner:
- In the Photo Banner widget, click the Admin Tools menu > Add Images.
- Click Optional URL. Enter the Optional URL and a Short Link Name in the fields.
- Select the Same Frame or the New WindowTarget option to set how the link redirects the user when clicked.
- Click Save.
You have added a URL to your Photo Banner widget.
Remove images from the Photo Banner Widget
If you want to remove or change images in the Photo Banner widget, you must remove the existing images.
To remove images from Photo Banner:
- In the Photo Banner widget, click the Admin Tools menu > Remove Images.
- Locate the image that you want to remove. Click Delete.
- Click Yes.
- When you are done removing images, click Cancel editing to close the tool.
You have removed images from the Photo Banner widget.
Configure background settings in the Photo Banner Widget
In addition to adding photos, you can customize the appearance of the widget background.
To configure the background of Photo Banner:
- In the Photo Banner widget, click the Admin Tools menu > Configure Background.
- Do one of the following:
- If you want to use a background image, click Upload. Select the image you want to use. Click Open.
- If you do not want to use a background image, select the Don’t use an image check box.
- Select the Background color and Border color selectors to change the color styles.
- Set the Border width of up to 10 pixels.
- Click Save.
You have configured the Photo Banner widget background appearance.