Highlighted Groups

Last updated on 2021-11-10 • 4 min read

Overview

Highlighted Groups allow administrators to easily promote certain groups in top of Teamwork dashboard. Highlighted groups can also be added as standalone web part to any SharePoint site to show editor-selected groups.

Add group to highlighted groups in Teamwork dashboard

Highlighted groups can be added, modified and deleted via Teamwork web part settings. In Teamwork dashboard user will see only those highlighted groups that one is member of.

Add group as a highlighted group Teamwork dashboard

1. Take page to edit-mode
2. Open Teamwork web part settings
3. Choose Configure Highlighted items under UI Settings
4. Type few characters to Group field and choose the wanted group
5. Fill in Highlight Title and Highlight Description fields
6. Choose an Image for highlighted group
7. Select Save, Apply and republish the page

Note

Due to Graph limitations groups can be searched only with first part of the name if the name contains more than one word.

Highlighted Groups as a standalone web part

Highlighted groups can also be added as independent web part to any SharePoint site to show editor-selected groups.

Add group as a highlighted group standalone

1. Take page to edit-mode
2. Add Teamwork Highlights web part to a page
3. Open Teamwork Highlights web part settings
4. Choose Configure Highlighted items
5. Type few characters to Group field and choose the wanted group
6. Fill in Highlight Title and Highlight Description fields
7. Choose an Image for highlighted group
8. Select Save, Apply and republish the page

Note

Due to Graph limitations groups can be searched only with first part of the name if the name contains more than one word.

In addition to configure highlighted items, editors can also choose default app for highlighted groups. This selection defines what application will open when clicking on group card in case there isn't default application defined in group details.

Image Guidelines

Layouts

In highlight section there is a place for main highlight group (banner) with title and text and four regular highlighted groups.

If there is only two highlight groups defined in settings, highlights will show as a banner highlight groups without title and text section next to each other:

If there are less than four regular highlight groups there will be empty spots in highlight area:

Image aspect ratios

Banner group

Image aspect ration for banner groups is 3:1.

Example image 1920x640px:

Image fits without cutting:

Note

Keep in mind when selecting image for banner group:

• Banner has dark overlay so that white text will be readable when using images with light colors.
• Use short texts with font size big enough if using text in banner image. Also align your text right side of image so it won’t go under group info:

Highlighted group

Image aspect ration for regular highlight groups is 2:1.

Example image 1920x960px:

Image fits without cutting:

Note

Keep in mind when selecting image for highlighted group:

• Info box will cover half of the image

Examples with different ratios

Using 1:1 image:

Banner:

Highlighted group:

Using 2:1 image:

Banner:

Highlighted group:

Using 3:1 image:

Banner:

Highlighted group: