Petri Newsletter Sign-up
Office 365 Insider

Here at Petri.com, we get IT — and so can you. Subscribe today to stay informed and knowledgeable regarding the latest on IT.

    See All Petri Newsletters

    Getting creative with SharePoint News

    Posted on by Jasper Oosterveld in SharePoint, and SharePoint Online

    I have been a huge fan of SharePoint News ever since its release. Not to long ago, with the Classic SharePoint Experience, it wasn’t easy to setup an out-of-the-box news solution. We had to apply custom page lay-outs, content types and XSLT style sheets. A lot of development, time and money. Those days are finally over with SharePoint News.

    The following advantages are applicable by using SharePoint News:

    • Incredibly easy to use for business users.
    • Multiple lay-out options to fit your design needs.
    • Out-of-the-box news archive.
    • Distribute news with the news digest.
    • Comments, likes & save for later.
    • Integrated with the Microsoft SharePoint Mobile App.

    Great advantages with an out-of-the-box solution! There have been a couple updates for SharePoint News: New views for the news Web Part and SharePoint Page Properties. I would like to show you some creative options by using these two updates within your Intranet Portal. I created a SharePoint Communication Site for the DG Product Line Portal. This Portal showcases all the DG Products of Contoso. I assigned this Portal as SharePoint Hub, and added three news Web Parts on the home page:

    The first Web Part is a carousel and only displays news pages tagged as being displayed for the carousel. How can you do this? Microsoft released Page Properties last August. I applied the following page property:

    The authors are apply to select yes (carousel) when they want to display the news page within the carousel. I had to use a SharePoint choice field because the yes/no column isn’t supported by the filter mechanism of the News Web Part. That leads us into the configuration of the carousel Web Part:

     

    I disabled the title and command buttons of the news Web Part. By disabling this option, the button for creating a news page, news link and web part header disappear. That’s a great option to save space and improve usability. The site itself already contains a new button with the option to create a news page and link. Why add two? I also applied a filter, referring to the carousel property within the news page. We also want to display other news pages on our home page so let’s look at the second Web Part:

    Again, I hid the Web Part header and new button. I also applied a filter referring to the carousel page property. The ‘Show compact view’ applies the list view as can be seen in the first screenshot. This view looks really nice under a carousel and saves up space on your home page. Preventing a lot of scrolling down for your business users. The third web part displays news from connected Team Sites through the SharePoint Hub. Let’s look at the configuration:

    Unfortunately, the option ‘All sites in the hub’ literally show all news pages. Also the ones I created on the DG Product Line Portal. Those news pages are already visible in the carousel and list view Web Parts. I had to select the two Team Sites with the news pages I want to display. Let’s look at the last part of the configuration:

     

    I hid the title and command and go for the hub news view. Unfortunately, there isn’t a filter option available in the hub news view. Apart from the small workarounds, I am very happy with the end result! I hope you enjoyed this example and can use it within your own company portals empowered by the SharePoint Communication and Team Sites.

    BECOME A PETRI MEMBER:

    Don't have a login but want to join the conversation? Sign up for a Petri Account

    Register