Back

FusePoint Kudos Documentation

Type: webpart

Overview

The FusePoint Kudos web part helps teams recognize accomplishments quickly and visibly. Users click a Kudos button to open a modal, select a colleague with a people picker, add a short message (up to 255 characters), and submit. Kudos are then displayed as carousel cards showing the sender, recipient, date (MM DD, YYYY), avatars, message, and a Like button powered by SharePoint.

---

Features

• One-Click Recognition – A primary Kudos button launches a modal with:
  • Kudos to (people picker, required)
  • Message (short text, required, max 255 chars)
  • Submit button
• Kudos Cards Carousel – Each card shows:
  • [Sender] recognized [Recipient] on [MM DD, YYYY]
  • Sender avatar → Recipient avatar
  • Message (trimmed to 255 chars)
  • Like button (uses SharePoint Likes)
• Clean Empty State – If no kudos exist, nothing is displayed (no placeholder text).
• Flexible List Source – Select any existing SharePoint list for kudos storage (e.g., Fusepoint_Kudos) via the property pane dropdown.
• Height Control – Admins can set a fixed height (px) to prevent carousel resizing due to varying message lengths.

---

How to Use

Adding the Web Part

1. Edit your SharePoint page.
2. Add the FusePoint Kudos web part to the page.

Submitting Kudos

1. Click the Kudos button to open the modal.
2. Select a colleague in Kudos to.
3. Enter a short Message (max 255 characters).
4. Click Submit – the kudos will appear in the carousel.

Viewing & Interacting

• Kudos are displayed in a carousel of cards.
• Users can scroll through the carousel.
• Click the Like button on any kudos to show appreciation.

---

Property Pane Settings

• Select Kudos List – Dropdown to select the SharePoint list used to store kudos.
• Button Label – Customize the text of the Kudos button.
• Total Number of Items – Maximum kudos to display (default: 10).
• Total Number of Items per Carousel – Choose how many kudos appear at once.
• Height (px) – Define carousel height to keep cards consistent (useful for narrow sections).
• Visibility – Toggle whether the web part shows on mobile and email views.

---

Data & Storage

• Kudos are stored in a SharePoint list.
• Recommended columns:
  • KudosTo (Person/Group) – recipient
  • Message (Single line of text, max 255 chars)
  • Created By (system) – sender
  • Created (system) – submission date
  • Likes (system) – SharePoint Likes

---

Behavior & Limits

• Max message length: 255 characters (also baseline for carousel card height).
• Carousel height: If a page section is narrow and causes wrapping, use the Height (px) setting to keep slides aligned.
• Empty state: When no kudos exist, nothing is rendered.

---

Benefits

• Encourages recognition and team engagement.
• Attractive UI with avatars and carousel layout.
• Native SharePoint integration (Likes and lists).
• Easy admin setup with list selection.
• Responsive for desktop, mobile, and email.

---

Conclusion

The FusePoint Kudos web part provides a simple, stylish way to promote recognition on SharePoint pages. With its modal submission form, carousel of kudos cards, and integration with SharePoint Likes, it’s an effective way to celebrate team achievements and foster a culture of appreciation.

---