Custom Dashboard Widgets


Context 

The virtual mentoring platform offers program administrators the ability to add a custom widget to the first row of the dashboard. This widget provides several functions, including linking to external websites, sharing brief announcements, integrating surveys, and displaying pictures. It serves as a versatile tool to enhance communication, engagement, and personalization within the mentoring program.

image-1654886459528.png


1- Create a Custom Widget

1.0 To include a custom widget on the dashboard, you will need to create the widget first. Access your administrator dashboard by clicking the "Admin" tab on the left-hand side of the page.

image-1668017904226.png

1.1 From the administrator dashboard, navigate to the "Content" tile located on the third row, and click on "Manage Content" to access the corresponding section. 

image-1688509599065.png

1.1.1  A new dialog box will appear. Expand the selections by clicking on "Member Dashboard" and subsequently choose "Custom Widgets."

image-1688509622875.png

1.2 From the "Custom Widgets" tab click Create a Custom Widget.

image-1667924912450.png

1.3 Complete each field.

image-1667933351341.png

1.4  Click Save

image-1667933415454.png

Keep the name, description and text button short so that it fits and displays properly on the dashboard. Long sentences will be cut off. See example below.

image-1667933480897.png


2 - Add a Custom Widget to the Dashboard

Now that you have created a custom widget, you need to add it to the dashboard.

2.0 From the administrator dashboard, navigate to the "Content" tile located on the third row, and click on "Manage Content" to access the corresponding section. 

image-1688509599065.png

2.1 A new dialog box will appear. Expand the selections by clicking on "Member Dashboard" and subsequently choose "Dashboard Settings." 

image-1688509728164.png

2.2 From the "Dashboard Settings" tab, select a widget placement in "Row 1" as the custom widgets can only be added to Row 1. 

2.2.1 Then click the box to open the drop-down menu.

image-1667931309634.png

2.3 Select one of the custom widgets or "All Custom Widgets". 

Note: From the drop-down menu, custom widgets are displayed by their title followed by "(custom)".

image-1667931756638.png

2.4 Click Save Settings.

image-1667931416222.png

Voilà! The new custom widget is posted on your mentors and mentees' dashboard. 

image-1667933555387.png

Note: If you selected "All Custom widgets" in dashboard settings, they will automatically display as a carousel and alternate on the dashboard.

Custom widget2.gif


3- Edit or Delete a Custom Widget
Edit a Custom Widget

3.0 From the administrator dashboard, navigate to the "Content" tile located on the third row, and click on "Manage Content" to access the corresponding section. 

image-1688509835171.png

3.1 A new dialog box will appear. Expand the selections by clicking on "Member Dashboard" and subsequently choose "Custom Widgets."

image-1688509622875.png

3.2 From the "Custom Widgets" tab click on Edit beside the custom widget you wish to modify.

image-1667932557148.png

3.3 Make your modifications and click Save.

image-1667932655569.png

Delete a Custom Widget

3.4 To delete a custom widget, from the administrator dashboard, navigate to the "Content" tile located on the third row, and click on "Manage Content" to access the corresponding section.

image-1688509976539.png

3.4.1 A new dialog box will appear. Expand the selections by clicking on "Member Dashboard" and subsequently choose "Custom Widgets."

image-1688509622875.png

3.5 From the "Custom Widgets" tab click on Delete beside the custom widget you wish to delete.

image-1667932696337.png

3.6 You will be asked to confirm, click OK.

image-1667932843001.png

Remove a Custom Widget

Removing a custom widget will not delete the widget, it will still be available for future use but will not appear on the dashboard. 

3.7 From the administrator dashboard, navigate to the "Content" tile located on the third row, and click on "Manage Content" to access the corresponding section.

image-1688510017063.png

3.7.1 A new dialog box will appear. Expand the selections by clicking on "Member Dashboard" and subsequently choose "Dashboard Settings." 

image-1688509728164.png

3.8 From the "Dashboard Settings" tab, find your current custom widget placement in "Row 1" and click the box to open the drop-down menu.

image-1667933810646.png

3.9 Select another option instead of the custom widget and click Save Settings.

image-1667933888222.png

If you have questions or need further support, please contact our Support Team: support@mentoringcanada.ca