Recognition Center Plus: Top Awards widget

 

The Recognition Center Plus Top Awards widget is a part of the Recognition Center Plus module. It allows admins and page editors to display a ranking of corporate values based on how often they've been awarded.

An example Top Awards widget that shows Accountable, Collaborative, Innovative, and Passionate as the top 4 most awarded values.

Sections in this article:

Considerations and caveats

  • Recognition Center Plus set up: Before using this widget, ensure that you have set up the following components of a Recognition Center:
    •  Submissions Blog Channel

Set up

  1. Place an  Integrations widget on a page or space. For more information, see Placing and setting up a widget.
  2. Select the placed widget's Edit button.
  3. Under Integration Library, select Recognition Center Plus.
  4. Select the  Recognition Center Plus Top Awards Widget from the library.
  5. Review and make changes to the settings on the Options and Appearance tabs. You can find details about the widget's settings in the Settings section below.
  6. In the widget editor, select Update to apply your changes or Cancel to discard them.
  7. At the bottom of your page, space, or dashboard, select Publish or Save as Draft to save your changes. 

Settings

Setting Description
Title

Enter a title for the widget. The title appears as a heading above the widget's contents. You should use the title to provide context to the widget and better structure a page's content by clearly denoting different sections.

When entering a title, you do so only for your currently selected language. If your digital workplace supports multiple languages, you should select Igloo_Translation_IconSmall.png Translation and enter a title for each supported language. 

This field can contain a maximum of 140 characters.

Title link

Enter the URL of a location in your digital workplace. If the widget has a title, users who select it will go to this location. Whether you enter the link as a relative URL or an absolute URL does not matter, it will convert to an absolute URL the next time you edit the widget.

This field can contain a maximum of 2,083 characters.

Description

Enter a description for the widget. The description appears between the title and the widget's contents. You can use this text to provide information to users about the widget.

When entering a description, you do so only for your currently selected language. If your digital workplace supports multiple languages, you should select Igloo_Translation_IconSmall.png Translation and enter a description for each supported language.

General options
Setting Description
Blog Channel

Enter the URL of the blog channel where users create recognition posts. The widget will source post information from this channel.

This URL must be relative to the root URL of your digital workplace.

Example:

/recognition_center/kudos

Leaderboard Configuration options
Setting Description
Leaderboard Title

Enter the title text that displays above the leaderboard.

This value is distinct from the value entered in Title. Use this instead of the Title setting if you want a title that better matches the style of the widget and you do not need to use Title Link or any enhancements that interact with the title of a widget. Entering values in both title fields will result in two titles on the widget. 

Text & Help options
Setting Description
Leaderboard Fontawesome Library

Enter the FontAwesome icon style for the icon in the leaderboard title.

The default is fa-solid.

Leaderboard Icon

Enter the name of a FontAwesome icon to display at the beginning of the Leaderboard Title. This must be in FontAwesome format, preceded by fa-.

The default is fa-trophy.

Leaderboard Icon Color

Enter a hex color code or color name. The widget uses this color for the icon's color in the leaderboard title.

Example:

#EEECEA

Number Of Rows

Enter how many rows are shown in the leaderboard list.

The default value is 10.

Leaderboard Color

Enter a hex color code or color name. The widget uses this color for the top entry in the leaderboard, with the color fading with each subsequent leaderboard position.

Example:

#EEECEA

Styling options

Appearance tab

Setting Description
Class

Enter CSS class selectors to provide additional styling to the widget. For more information, see Applying custom CSS to widgets.
Height

Select the height of the widget.

The default value is Auto (leftmost slider position) scales the widget's height to fit its contents. You can use the slider to set a fixed height between 50px to 600px in increments of 50px.

Selecting a height less than what is needed to display its contents results in the widget having a vertical scrollbar.

Note

Your digital workplace's theme overwrites many of the settings on the Appearance tab. However, the settings listed above are usable.