Smarter Business Solutions Logo
SMARTER Business Solutions
Office365 SharePoint Blog

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.

5 Min Read

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:

Tags

#JavaScript #Microsoft 365 #SharePoint #User adoption

Ready to transform your SharePoint?

Let our experts help you implement the solutions discussed in this article.