Sitefinity: News

In Sitefinity, "News" is one of the out-of-box content data types. News articles are managed in the Sitefinity at /Sitefinity/Content/News. News articles are then added to the page using the drag-and-drop News Widget found in the Content section of the page editor toolbox. 

Below are various layout templates for the News widget component.

News - List

Default layout with Full story hyperlink. The optional summary and featured image will display.

News List: Default

News List: Divider

CSS Classes: news-item-divider img-right

News List: Card

CSS Classes: news-item-card

News List: Card (w/ Grid)

CSS Classes: news-item-card list-col-sm-6
slide-04

Demo article... Hello, World!

October 30, 2019, 15:50 PM by Michael Cooper

Quisque gravida augue erat, tincidunt porta sem convallis nec. Nunc vel luctus risus. Etiam accumsan turpis eget neque dignissim aliquet.

slide-02

Another news article in the mix

October 30, 2019, 15:47 PM by Michael Cooper

Nam tincidunt fermentum urna, et euismod lorem faucibus eget. Fusce fermentum auctor enim ut volutpat.

News List: Card (w/ Grid + Masonry)

CSS Classes: news-item-card list-col-sm-6 list-masonry
slide-04

Demo article... Hello, World!

October 30, 2019, 15:50 PM by Michael Cooper

Quisque gravida augue erat, tincidunt porta sem convallis nec. Nunc vel luctus risus. Etiam accumsan turpis eget neque dignissim aliquet.

slide-02

Another news article in the mix

October 30, 2019, 15:47 PM by Michael Cooper

Nam tincidunt fermentum urna, et euismod lorem faucibus eget. Fusce fermentum auctor enim ut volutpat.

News - Top 5 News Articles

Three (3) custom layouts for the top five most recent news articles.

Top 5 News Articles: Layout #1

slide-04

Demo article... Hello, World!

October 30, 2019

Quisque gravida augue erat, tincidunt porta sem convallis nec. Nunc vel luctus risus. Etiam accumsan turpis eget neque dignissim aliquet.

Top 5 News Articles: Layout #2

slide-04

Demo article... Hello, World!

October 30, 2019

Quisque gravida augue erat, tincidunt porta sem convallis nec. Nunc vel luctus risus. Etiam accumsan turpis eget neque dignissim aliquet.

Top 5 News Articles: Layout #3

slide-04

Demo article... Hello, World!

October 30, 2019

Quisque gravida augue erat, tincidunt porta sem convallis nec. Nunc vel luctus risus. Etiam accumsan turpis eget neque dignissim aliquet.

Design, Tools & Training


Top