Documentation

News display options

News display and layout options

There are four different layout options available for News items. Grid View, List View, and List ViewNo images are options selected from the News Card. News Carousel is its own Card. There are also options related to the News Card title and controls.

News display options

Three display options show at the top of the News Card setup window. You can:
  • Change the title of the News Card
  • Choose whether or not to display a title for the News Card
  • Choose whether to display the Add Post and Manage News Feeds controls.
To get to the News Card setup window:
  1. In edit mode, click Set up cards on the right. The Card setup window will open.
  2. Find the News Card in the Card setup window, and click In use (or the gear icon on the right of it). The News Card setup window will open.

Change the News Card title:

  1. At the top of the News Card setup window, click the pencil icon beside Recent News (or the current title showing at the top). A text box will appear.
  2. Type the new title in the text box.
  3. Click Save beside the text box. The new title will show at the top of the window.
  4. Click Update in the News Card setup window.
News display options as they appear to the user:
8.0User12075NewsDisplayOptions.jpg

Choose whether to display a title:

  1. Near the top of the News Card setup window, find the checkbox Display the title.
  2. Check the box to display the title, uncheck the box to hide the title.
  3. Click Update in the News Card setup window.
News display options in the News Card setup window:
8.0User13395DisplayOptions.jpg

Choose whether to display the Add Post and Manage News Feed controls:

  1. Near the top of the News Card setup window, find the checkbox Display the Add Post and Manage News Feeds controls.
  2. Check the box to display the controls, uncheck the box to hide the controls.
  3. Click Update in the News Card setup window.

News layouts

Three layouts are available for the News Card. The News Carousel Card provides a fourth possible layout.

News: Grid View

In Grid View, News items display in a Grid of cards, with each News post on its own card. The News post image displays in the top portion of the card with the News post title in it. The lower portion of the card contains the News item excerpt or summary, posted date and author. Buttons to Like and Comment are at the bottom of the post.

home%20news%20grid.png

News: List View

In List View, News items display in a vertical list. On larger screens, images display on the left of News post titles and their excerpts/summaries. On smaller screens, images display above News post titles and excerpts/summaries. News post date and author show below the post, along with options to Like and Comment on the post.

home%20news%20list.png

News: List ViewNo Images

This layout is just like News: List View with News items displaying in a vertical list, except that it is text onlyno images display.

8.0User12075ListViewNoImages.jpg

News Carousel

The News Carousel captures attention with its highly visual nature. It is great for featuring News items with interesting images or videos. The Carousel rotates through a selected number of news items before pausing on the first item. Users can navigate through the items using the arrows or progress dots at the bottom of the Carousel. The width of the carousel depends on the layout of the page, the width of the column it is placed in, and the width of the screen it is viewed on.


home%20news%20carousel.png

Recommended image sizes and file types

The image that you want to display with the news post must be selected as the Thumbnail image on the post page.
 
News Display Option Minimum size
Width and height (px)
File types supported
News Card: Grid & List view 650 x 400px GIF, JPG, PNG
News Carousel* 1074 x 416px GIF, JPG, PNG

News Carousel: If a News Carousel will only be used in the center column of a 3 column 20-60-20 layout, the minimum size is 774 x 300.
For more details on image sizes, see Image Size Guidelines.