Overview

Widgets are self-contained, modular UI components that allow you to configure and customize the information available to users throughout the platform. Widgets can be added to Courses, Groups, and the Home tabs, such as the Dashboard, Admin, News, and Onboarding.

Home dashboard

1. Top banner widget: Welcomes users to the platform and can display featured content.
   
2. Courses (or Classes): Provides quick access to enrolled, teaching, compliance, and completed courses.
   
3. Users: Available to managers with direct reports, mentors with mentees, or parents with children.
   
4. Goals: Available on platforms with skills development enabled. 
   
5. Custom HTML widgets: Allows administrators to use the HTML editor to create and diplsay customer content on the dashboard.  
   

1. Click the Edit widgets icon in the upper-right section of the center panel.
   

Configuring the banner widget

Courses widget

The Courses widget has multiple tabs that offer a preview of the courses a user is enrolled in, the courses a user is teaching, and tabs for archived and completed courses. To view additional courses in each tab, users:

1. Click the forward and back arrow icons above the course tiles.
   

Please note the tabs and courses that display vary by user role. 

The Courses widget includes additional options through the three dot   menu in the upper-right corner of the widget:

1. Click Add to add a new course.
   
2. Click Enroll to enroll in a course.
   
1. This option requires that you know the access code of the course.
   
3. Click Catalog to access the course catalog.
   
4. Click Templates to view course templates. 
   
5. Click Archived to view archived courses.
   
6. Click List view to view courses in a list within the Courses widget.
   
7. Click Maximize to preview additional courses within the Courses widget.
   
1. Collapse the maximized widget by clicking the Minimize option.
   

Custom HTML widgets

1. Wide HTML widget: The Wide HTML widget can be added to the center panel and spans the width of the center panel, similar to the Banner widget.
   
2. Small HTML widget: The Small HTML widget can be added to the center panel and is a quarter of the width of the center panel, similar to Reports widgets.
   

1. Click the Edit widgets  icon in the upper right of the dashboard.
   
2. Click Center panel.
   
3. Drag and drop the Wide HTML widget or the Small HTML widget from the Available widgets column to the center panel.
   

1. Click the three dot  menu in the upper right corner of the widget.
   
2. Click Settings to update the title of the widget.
   
3. Click Editor to customize the widget content.
   
4. If you would like to delete the widget, click Delete.

1. Use the toolbar menu and icons to create your content. You can add text, images, links, and more.
   
2. When your content is complete, click Save.
   

1. To adjust the widget, click the three dot  menu in the upper right corner of the widget and click Settings or Editor.
   
2. If the custom widget design is complete, click Save. 

Note that you can only configure the HTML widget when you are in dashboard edit mode.

Custom report widgets

You can also add report widgets to the center panel of the home dashboard, course dashboards, and group dashboards.

The center panel appears in edit mode, with the Available widgets displayed in the right panel.

1. Drag and drop the Report widget from the Available widgets column to the center panel.
   

Tip: The Report widget is one fourth of the center panel width. It is recommended that smaller widgets are placed below full width widgets for the best user experience. 

1. Click on the three dot  icon in the upper right corner of the Report widget to display the menu.
   
2. Click Report to add a report to the widget.
   
3. Click Title to rename the widget.
   
4. Click Delete to delete the widget.

If you click Report, the Select a scheduled report to display pop-up displays: 

1. Select a scheduled report.
   
2. Click Save.
   

Please note that you can only add widgets for scheduled reports that return a chart.

The selected report is added to the dashboard. The data is refreshed every time the report runs, based on the defined schedule.

1. To add additional report widgets to the center panel, drag and drop another Report widget from the Available widgets panel to the center panel.
   
2. When you have finished adding and configuring the widgets, click Save.
   

To learn more about creating custom reports, please visit the Reports article.

Additional center panel widgets

1. Click the Edit widgets  icon in the upper right of the dashboard.
   
2. Click Center panel in the pop-up.
   
3. Drag and drop the widget from the Available widgets column to the center panel.
   
4. When you have finished adding widgets, click Save.

Right panel widgets

1. Click the Edit widgets icon in the upper right of the dashboard. 
   

1. Click Right panel.
   

1. Drag and drop widgets from the Available widgets column to the right panel to add a widget.
   
2. Drag and drop a widget from the right panel to the Available widgets column to remove a widget.
   
3. Drag and drop widgets in the right panel to reorder them. 
   
4. Click Save to save your changes.
   
5. Click Cancel to cancel your changes.
   
6. Click Reset to reset widgets to the default layout. 
   

1. To do widget: This widget displays your to-do list, which includes friend requests and group membership notifications. If you are an instructor, this area includes a list of all the assessments to grade together with the course that the assessments are associated with. If you click on the link, it takes you to a list of just those assessments that need grading, as well as providing an option to see a complete list of all assessments. If you are a student, this area includes a list of all the assessments due together with the course that the assessments are associated with.
   
2. Compliance widget: If you are enrolled in a course that is required for compliance, this widget will display your status for compliance courses.
   
3. Game widget: If you are a part of a site wide game, your current score and level will display in the game widget.
   
4. HTML widget: The HTML widget allow you to use the HTML editor to design a completely custom widget that can be added to the right panel. You can configure the HTML widget in the right panel in the same way you configure the HTML widgets for the center panel (covered previously in this article). 
   
5. Announcements widget: This widget lists all the business, course, and group announcements for the last seven days. To see an announcement's details, click on it. A pop-up will open with the announcement.
   
6. Today widget: This widget lists all of today's items, including assessments that are due, modules that you are teaching or taking, and calendar events.
   
7. Upcoming widget: This area lists upcoming items in the next seven days. Modules are not shown, only assessments due and calendar events. If there are more than 20 items, only the first 20 are listed.
   

Course widgets

Instructors and administrators can configure the widgets on the dashboard and the right bar of courses by adding, removing, and reordering its widgets.

Group widgets

Instructors and administrators can configure the widgets on the dashboard and the right bar of groups by adding, removing, and reordering its widgets.