Create, Design & Edit Widgets for Your Course Homepage

What Are Widgets?

D2L Widgets are windows that appear within your D2L Course homepage.  These widgets can help your students feel welcome and supported.   Once you make your homepage editable in a course, you will be able to adjust, add or create widgets within that course's homepage. 

System Widgets vs. Custom Widgets

There are two kinds of widgets available in D2L Brightspace: system widgets and custom widgets.

System Widgets.  

D2L's system widgets include the Announcements widget, the Calendar widget, the Activity Feed widget, the Content Browser widget, and many other options.  These are not editable by anyone at Pima Community College.

Custom Widgets.  

Pima Community College also has a variety of featured widgets (e.g. the "Ask a Librarian" widget) included within the Custom Widgets section.  You can also create your own custom widget.  Before creating your own, take a moment to look at our featured widgets.

Pima's Widget Resources and Tutorials

Widget FAQs

How to ensure my homepage is editable so that I can change a widget? (a detailed tutorial)

What are the pros and cons of D2L's “Work To-Do" System Widget?

How do students benefit from the Work To Do Widget? The "Work To-Do" widget provides a different way that students can view course notifications that they receive in D2L. It also organizes course activities by overdue and upcoming due dates so students can see their past and upcoming work and stay on top of their tasks. The widget is enabled in D2L as of 2021, so if Instructors or Department Heads want to add it to their course homepages, they are more than welcome to do so (by editing their homepage and adding the widget anywhere they want it to be viewed by students).

What are the design limitations?  Please note that this new 2021 widget does NOT yet support discussion due dates nor is it able to remove module due dates from view.  See 10/7/21 FAQS at D2L's "Introducing the Work To Do Widget" at Brightspace. 

How do I keep my widgets responsive?

Responsive Pages for All Devices

One of the improvements that the "Daylight" version of D2L Brightspace made is to be much more responsive to the changing sizes of screens we use to interact with courses. As the screen size gets smaller D2L Brightspace under Daylight will automatically rearrange course content to adapt on the fly.

Keeping Your Widgets Responsive

To maximize the visibility of the most important widgets on your homepage the layout should be the large left with the most important widgets placed to the upper left. 

How do I learn how to make other edits to my home page?

Learn More at Course Homepages.

Can I change a widget's appearance or title in my course directly from the home page?

By clicking on the drop-down arrow or chevron next to the widget's title, you may see some editing options from the home page itself to change how it appears:

How do I add a "24/7 Help" widget?

Pima recently updated our options to include a horizontal Quicklinks toolbar featured above.  This tool links to all key resources including a tech support page that directs students or faculty to a single page that includes a range of options including the 24/7 help desk.  24/7 help can also still be accessed through the D2L navbar's Help drop-down.  If you need to add the older 24/7 widget to your course, to learn how, please see this screencast.

How do I add or edit my Course "Banner" (ie. the header)

Here's a brief tutorial from the University of Arizona.  Within this tutorial, please skip steps 1 and (which aren't enabled at Pima) and progress to step 3 (to Display a banner on your course home page) and step 4 (to add or change the banner image).

How to create my own custom widget

How can I learn more about widgets?

For technical guidance on how to add a widget to your class, see these resources or watch the video below.  Please keep in mind that all courses at Pima will automatically have D2L homepages created for them - so your primary focus will be to: 1) make the homepage editable; 2) create and/or clone and edit your widget; and, 3) add the widget to your course homepage.