Show News, Announcements and Quick Links in All-In-One hyper-responsive web part.
Large section:
Smaller section:
You might be also interested in Banner with News
Setting up the web part
On the page where you need the web part, add this web part:
Adding a news post or Quick Links
---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 News Slide or Add/Remove Sidebar Posts or Add/Remove Quick Links buttons to manage respective sections:
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:
The web part will automatically pull the last 3 news from the Site Pages library on the current site.
Setting welcome message
The welcome message and background are only visible if the web part is in the Full-Width section.
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:
- {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”
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
Immersive mode
Immersive mode lets you expand your banner image all the way to Origami Top Navigation creating beautiful magazine-like page cover like this:
Prerequisites needed to make this work:
- You need to use Origami Top Navigation (this effect doesn’t work with out of the box SharePoint navigation)
- Turn off SharePoint out-of-the-box navigation, so it doesn’t interrupt the page flow.
- Have Banner with News Plus version dated at least Apr 6, 2026
Set up Immersive Mode
- Go to your Banner with News Plus web part properties and turn on Immersive mode as shown below
- Pick a color for your top navigation menu items so they look visible over your Banner with News Plus background image (white color for most cases). This color will override color setting in Origami Top Navigation.
- You can also optionally change the logo that is used in Immersive mode, for example while logo on transparent background PNG will look better on images:
Here is how to upload alt logo in web part properties:
NOTE: As soon as the user scrolls down the page even a little bit, the Origami Top Navigation color and default logo settings will used so navigation retains prominence:
NOTE: As author or someone who can edit the page, you will still be able to see Microsoft page author tools. This is not an error. Users who have read-only permissions will not see this toolbar.
Known issues
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:
- Go to your video in Stream
- Click Share as shown here and select Embed code:
- Now simply click Copy embed code
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?