Skip to main content

News Feed

Description

News Feed is a component that displays a collection of articles from witin AEM or an IIS feed for easy viewing.

Authoring

The News Feed component is a great way to show recent articles on a home page or landing page.

Configuring the Properties tab

  • Configure a Press Release or News Feed of a collection of news articles within AEM.
  • If the former, configure the agencies and categories filters and set a date range (optional)
  • Enter the dynamic page path for the dynamic press release display page.
  • If the latter, enter the AEM news article root path and filter by news type tag as needed. To do so, you need to navigate to /State of Illinois/ILGAgency/[Your agency's acronym]/News Type, which is a tags folder storing all your agencies' news type tags.
  • Configure the number of news articles you want to display.
  • Enter the view more link, which should usually go to the search news page.
  • Enter the view more text.
  • Enter a message for the no data fetched scenario.

Configuring the Styles

Once you have the News Feed on your page, you can click the style icon to select from a variety of styling options:  

News Feed Style Options:

  • Default (With Thumbnails) displays the news feed with a thumbnail, Title, Category, Description, and Date
  •  Without Thumbnail: displays the news feed like the default, only without a thumbnail. 
  • Title Only Dark Text: a streamlined feed of news showing only Title and Date
  • Title Only White Text: streamlined to show only Title and Date, and designed to place on a Dark Background Color. 

Division Style Options:

  • Separator Between Items: places a single line to separate items in the feed
  • Zebra Striped Items: places each item in the feed in an alternating color container. (Please note that zebra striped styling should not be used in combination with the "White Text" option.)

 

 

Examples

News Feed Style: Default (With Thumbnails)

Division Styles: Separator Between Items

No News to Show

News Feed Style: Without Thumbnails

Division Styles: Zebra Striped

No News to Show

News Feed Style: Title Only Dark Text

Division Styles: Separator Between Items

No Data

News Feed Style: Title Only White Text

Division Styles: Separator Between Items

No Data