Skip to content

SharePoint: Highlight important messages on Modern Pages

Surface important announcements on SharePoint Modern Pages using SPFx App Extensions and a marquee component, with list-based scheduling for easy management.

Have you ever wondered how to quickly make important announcements available in SharePoint?

You’re in the right place. In this post, you’ll learn a simple way to highlight important messages across your SharePoint Modern Pages.

SharePoint: Important messages as ticker on Modern Pages

Implementation in SharePoint

We built this with a straightforward SharePoint App Extension.

Top and bottom placeholders

SharePoint provides two placeholders out of the box. For important announcements, we naturally chose the top placeholder so messages appear right at the beginning of the page.

The second option is the bottom placeholder, which, as you’d expect, appears at the end of the page.

A more eye-catching display with React

To make the banner stand out, we added a small React component. Using react-smooth-marquee, the message scrolls across the page like a ticker, ensuring it gets noticed. Here’s an example of what it can look like:

SharePoint: Example of the marquee ticker for important messages

Authoring important messages

All messages are managed in a simple SharePoint list.

This makes it easy to create, edit, and publish announcements with minimal effort.

SharePoint list used to manage important messages

By setting a start and end date, you can schedule messages precisely.

You can also publish multiple messages at the same time; the extension takes care of displaying them separately.

Looking for a similar solution?

Don’t hesitate to get in touch with us!

You might also like

More ideas for improving your SharePoint Modern Pages:

Related articles

SPFx 1.24: Testing today to help our customers tomorrow
EventBooking in Microsoft 365 Copilot: original product cards with a confirmed registration on the right and a follow-up question about the booked workshop on the left

SPFx 1.24: Testing today to help our customers tomorrow

We are exploring the SPFx 1.24 preview with our existing products. EventBooking in Copilot shows promising early results and gives us practical experience for future customer solutions.

Read more
Site App Catalog: Test SharePoint Apps Locally - The
Site App Catalog: Test SharePoint Apps Locally - The Complete Guide

Site App Catalog: Test SharePoint Apps Locally - The Complete Guide

How to set up a Site App Catalog in SharePoint Online: PowerShell, PnP PowerShell, or CLI for Microsoft 365. Perfect for admins testing SPFx solutions.

Read more
How to Update SPFx Products from Microsoft Marketplace
How to Update SPFx Products from Microsoft Marketplace – Complete Guide

How to Update SPFx Products from Microsoft Marketplace – Complete Guide

Microsoft hasn't yet integrated update functionality into the new App Management interface. Learn how to update your SPFx apps using the classic experience.

Read more

Questions about this topic?

We are happy to help you put this into practice in your environment.