Add a Recreation Widget

The Recreation widget is an out-of-the-box widget that integrates Citizen Portal with your third-party recreation platform, making it easier for citizens to explore and register for municipal recreation programs. The tool allows citizens to:

  • Browse all your available classes and courses and view their program details
  • Filter the available classes and courses based on location, start date or time, or end date or time
  • Register for a class or course through a direct link to your third-party recreation platform's website

Set-up instructions

 In the administrator side of Citizen Portal:

  1. Select the “Widgets” tab from the top menu
  2. Select the “Add widget +” button near the top right of the page
  3. Select “Recreation” from the page of available widgets

This will take you to the new Recreation widget details page.

Recreation widget details

Once you’ve added the Recreation widget, you can customize the way the widget will appear on your Citizen Portal. This includes setting up the configuration, content and notifications for the widget.

Configuration

To configure the Recreation widget, select "Configuration" from the side menu. Then complete each of the necessary fields. Once you've completed all necessary fields, select the "Next" button at the bottom of the screen to take you to the "Content" screen. Alternatively, you can select "Content" from the side menu.

In the "Recreation platform" field, Perfect Mind will be selected by default. To set up the link to your Perfect Mind website, you need to: Select the "Manage account" button Complete the "Perfect Mind" fields This will link Citizen Portal with your recreation platform.

Enter a widget name

In the “Widget name” field, enter a name for the Recreation widget. The widget name will appear at the top of the widget on the public-facing side of the portal.

If you would like this widget to be fixed on the user’s portal, select the “Set as fixed widget” checkbox. If you select this option, a user will not be able to remove the widget.

In the “Widget colour” field, enter the hex code for the background icon colour. You may type the hex code into this field using the format of #XXXXXX. You may also select this colour from the colour grid that appears when you click into this widget colour field.

You can select a widget icon from our library or upload your own widget icon. If you'd like to choose an icon from the library:
  • Choose the "Select icon from library" option
  • Then, select the "Select icon" button to view the library
  • Choose the icon you'd like from the library 
  • Select the "Save and close" button to complete the process 

If you'd like to upload your own icon:

  • Choose the "Upload icon" option
  • Then, select the  “Add icon”
  • From the pop-up box, choose the widget icon file from your documents

Please note that this must be a .svg file that is less than 5KB.

Content

Once you've completed the "Configuration" set-up, you can add content to the widget. Select "Content" from the side menu and complete all necessary fields. Once you've added content, you can select the "Next" button at the bottom of the screen or select "Notifications" from the side menu.

Enter the text that you would like to appear on the widget that describes what users can do through the tool.

Dashboard text (optional)

Enter any text you would like to appear above your Recreation widget in the dashboard widget view.

If you would like the text in expanded view to mirror the dashboard view, select the checkbox next to “Use dashboard text for expanded view”.

If you would like to add content to the top of the Recreation widget within expanded view, add text within the “Expanded View” textbox.

Saving the widget settings

 To save these settings and add the Recreation widget, select the "Save" button. 

Don't have this widget?

If you don't have access to this widget in Citizen Portal, please reach out our sales team or your project manager and they can work with you to get it added.