Skip to content
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.

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:

  • JavaScript
  • Microsoft 365
  • SharePoint
  • User adoption

Related articles

SharePoint migration: Why one-to-one migration is

SharePoint migration: Why one-to-one migration is rarely the right answer

Learn when one-to-one SharePoint Online migration makes sense, when restructuring is better, and which criteria guide the decision.

Read more
SharePoint List Sync Issues: Challenges and Solutions

SharePoint List Sync Issues: Challenges and Solutions

Explore real‑world SharePoint list synchronization issues and practical fixes to prevent data loss, missing items, and broken reports—without turning synchronization off entirely.

Read more
Rearranging Datacards in PowerApps: The Hidden Trick

Rearranging Datacards in PowerApps: The Hidden Trick

PowerApps is a game‑changer—but some capabilities are hidden. This post shows the quick, reliable trick to reorder datacards in canvas forms without rebuilding cards.

Read more

Questions about this topic?

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