Banner with News

Turn your intranet into actionable information center using Banner with News web part.

You might be also interested in Carousel with Expanding Quicklinks (with targeting)

Setting up the web part

On the page where you need the web part, add a Full-width section

and then add this web part:
image

Adding a news post
---Adding news posts manually (default)

Use this option when you want to direct users to posts hosted outside of SharePoint (such as press releases).

In web part properties, click either Add/Remove Main Post or Add/Remove Sidebar Posts buttons to manage respective news as shown below:

You can populate news titles and links to pages either in SharePoint or elsewhere

To add the Main News Posts
Enter the data as shown below:

The main post allows you to play a video from YouTube by specifying the video URL like this:


Or if the video is on Stream, add the embed code like this:

To add the Sidebar Posts

---Pulling news posts automatically from the Site Pages library

Only the Sidebar news can be pulled automatically from the Site Pages library.

To enable this, turn on this toggle:
image

The web part will automatically pull the last 3 news from the Site Pages library on the current site.

Setting welcome message

If you’d like to use the currently logged-in username at the top of the banner, use any of these keywords in web part properties:
image

  • {firstname} to show current user’s first name
  • {lastname} to the last name
  • {fullname} to show the full name

Here is how the {firstname} will look like for the user named “Steven”

Display KPI’s in the Banner Sidebar

When you turn on Show KPI’s in Banner sidebar in the web part properties, additional settings become available.

These new options let you control how KPI’s appear in the banner, including layout, visibility, and basic styling. This makes it easier to tailor the banner to match your design and highlight the most important metrics.

There are two KPI style options: Grid and Buttons

Display KPI Data from Excel

Just like the standard KPI web part, Banner with News lets you pull KPI values directly from an Excel file stored in SharePoint.

This allows you to keep your KPI numbers in Excel and have the banner automatically display values from specific cells.

How it works

You upload an Excel file to a SharePoint document library, connect the Banner web part to that file, and then tell each KPI which Excel cell to read from.

This article explains how to connect to an Excel file and retrieve values from specific cells. See Connect to Excel file: KPI and Metrics web part (without targeting)

Notes

  • The web part checks for Excel updates about once per minute for performance reasons.

  • Any value changes in the Excel file will automatically update in the banner after that short delay.

Updating banner styles

You can change these style options:

Colors & Styles

You can also change the height of the whole banner to fit more news:

Font Settings

Labels & Language

Video not showing?

Unless your video is from YouTube, you must add the link in iframe format like this:

To get the iframe formatted link from Stream:

  1. Go to your video in Stream
  2. Click Share as shown here and select Embed code:
  3. Now simply click Copy embed code
    image
What image resolution is best for carousel images?

See this guidance on what images are best for the carousel: Why images in carousels look different depending on screen resolution?