News Feed Widget

Last updated 03.29.24

The News Feed widget is a container that displays the news articles created in the ATLAS – News Page Type. The photos and data are presented in different visual ways depending on your selection of transformation. Create a news article by clicking the plus icon in the site index and selecting the ATLAS – News page type

Note: the News Feed widget is automatically updated when fresh news articles are added.

News Feed Properties

5. In the News Feed Properties pop up, adjust various settings including the news source, the transformation and
button style.

Note: that “Answer Tech” and “Answer Plot” are automatic news feeds from Winfield United. Selecting these means timely news articles will appear on your site in the News Feed widget.

6. Click Apply button to update the widget with selected properties. The properties pop up will automatically close.

News Feed Widget Properties

PROPERTY	DESCRIPTION
Visible	Checking and unchecking the checkbox toggles widget visibility on the page. This allows for prepping the content in edit mode before widget debut.
Source	This is the source where the News will be originated or obtained Multiple sources can be selected by holding ctrl key and then click on options. Current Site Answer Plot Answer Tech
Site Source Path	Provide the path to display the news - navigate to the source in the site index
Categories	Categories may be added to each news article – any created categories will automatically be listed here to allow for more refinement of the news feed. Categories are added and selected from within the Atlas – News Page Type.
Transformation Name	Select the layout transformation (visual presentation) for the News articles: ATLAS – News Card Layout ATLAS – News List with Image News – Title & Date News – Title, Date & Summary
Max Items Displayed	Indicate the maximum number of articles to display inside the widget
Display Show All Button	Check to display button, uncheck to hide
Show All Button Text	Update button text as needed – default text is “Show All”
Show All Button Style	Select pre-built style options from the menu. Note that if two buttons are featured, each one may have its own style. Below is the list of styles that can be selected: Default - a rectangular shape with a solid-color fill Round - a pill shape with a solid-color fill Radius - a rectangle with slightly rounded corners with a solid-color fill Hollow - a rectangular outline shape with a transparent fill Expanded - an extra-wide rectangular shape with a solid-color fill Disabled - a rectangular shape faded back to denote that it is disabled Clear - a transparent button with only text visible
Show all Button Color	Select from your custom brand colors or grayscale options from the menu for button fills or outlines. Note that if two buttons are featured, each one may have its own color. Below is the list of colors that may be selected: Default  Primary Color  Primary Color – Light  Primary Color – Dark  Secondary Color  Secondary Color – Light  Secondary Color – Dark  Gradient  White  Light Gray  Medium Gray  Dark Gray  Black
Show All Button Path	Select page in site index to direct the Show All button – typically the news page
Items per row (Large screens) Items per row (Medium screens) Items per row (Small screens)	News Card Layout only