How to Categorize News Posts in Modren Team Site SharePoint 2019 On Prem?

adil 1,226 Reputation points
2023-08-28T09:25:33.82+00:00

Hi,

I have a SharePoint 2019 On Prim and Modern Team Site, in this site i added news post and published here i have requirement to show news posts in home page based on categorization as shown in below image how to achieve this requirement?

Is any built in web part available?

categoration

SharePoint Server
SharePoint Server
A family of Microsoft on-premises document management and storage systems.
2,333 questions
SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
10,610 questions
SharePoint Server Management
SharePoint Server Management
SharePoint Server: A family of Microsoft on-premises document management and storage systems.Management: The act or process of organizing, handling, directing or controlling something.
2,937 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. ChengFeng - MSFT 5,020 Reputation points Microsoft Vendor
    2023-08-29T08:56:57.36+00:00

    Hi @ adil

    As far as I know, the webpart component in sharepoint online provides the filter function, but sharepoint 2019 does not have a ready-made filter function.

    You can try to use spfx to add filtering function by creating a custom News component, but this process will be more complicated

    (for example, you need to add some drop-down boxes to control the filtering conditions,

    How to make New webpart realize the desired news according to the filtering conditions) , professional code development knowledge is required here, you can refer to the official method provided by spfx to mount components on SharePoint 2019.

    https://learn.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview

    The relevant component code is provided here for your reference. The site provides a number of web part components, among which this is the relevant component for news posts.

    User's image

    https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-global-news-sp2019

    Hope it helps you.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Best Regards

    Cheng Feng


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.