Layout

The Layout options include Detailed list, List, and Card.

From the Edit Widget panel, selecting any of these three options changes the layout to the selected type. Each layout has its own set of unique options.

Detailed list

The Detailed list layout features a smaller thumbnail accompanied by the item's title, various elements, and a preview of its content.

List

The List layout gives you a simple, minimalistic view of the items featured in the widget. You can see the title as well as any elements toggled on in the List item elements area of the Edit Widget panel.

Card

The Card layout showcases the item's image, providing a visually appealing summary of your featured content.

Configuration

List style

The available List Style options for the Detailed List layout include:

• Space: Uses whitespace to create space between items.
• Divide: Adds a horizontal line to divide items.
• Border: Creates a border that separates items into individual boxes.

Title

The Title appears at the top of the widget. If the Visible only to screen readers toggle is active, the title will remain hidden from most visitors; however, the title information is still relayed to visitors using screen readers.

Scope

The Scope field enables you to select where the widget is scoped. You can scope to the community, a category, a group, or a specific board. If you select a specific board, the Content Types to Include drop-down menu becomes inactive.

Content types to include

Use the Content types to include drop-down menu to select the type(s) of content types to display in the widget. Options include:

• All (All content types)
• Blogs only
• Knowledge Bases only
• Discussions only
• Ideas only

Sort

List and Card

For the List and Card layouts, you can set the default Sort By filter to one of the following options:

• Most Viewed
• Most Likes/Votes
• Most Replies

Detailed list

The Detailed list layout works a little differently than the other options. The available Sort options depend on the state of the Show additional filter/sort tabs toggle. 

If, however, the Show additional filter/sort tabs toggle is active, you can configure the different sort options available to visitors through tabs that appear on the top of the widget.

These include:

• Sort by Most Viewed
• Sort by Most Likes/Votes
• Sort by Most Replies
• Filter by Newest Topics
• Filter by Most Recent
• Filter by Items with No Replies Yet

Below Sort and filter options, you can also turn on Show filter and sort controls to add a Tagged line where members can click + Tag to enter a tag to filter content by that tag.

Number of items

Use the Number of items slider to set the number of items displayed on the initial page load.

List item/card Elements

Elements that can appear within an item listing in Detailed list are configured in the List item elements area of the options panel. You can choose to show or hide these elements.

These elements include:

• Author: The author's name.
• Body Preview/Teaser: Preview text for the content.
• Centered Card Content: (Card) Center text on the card.
• Media Preview: A preview of any media included in the content.
• Place: The category or board of the content.
• Reply Count: The number of replies to the content.
• Tags: Any tag(s) associated with the content.
• Timestamp: The time and date the content was published.
• Unread Messages Indicator: The total number of unread posts or comments on the content (for example, "1 unread").
• View Count: The total number of views the content has received.
• Like/Vote Count: A total number of likes or votes the content has received.
• Author Rank: The rank of the author.
• Time to Read (Blogs only): An indicator of the length of time the average person will take to read the content.
• Solved Badge (Discussions Only): A badge indicating whether the content has been marked solved.

The Lead with drop-down menu for the Detailed list or List layouts lets you display the item author's Avatar, content type Icon, or None, along with the item in the widget.

More options

 

Additional options are available at the bottom of the Edit Widget panel:

• Hide if empty: Hides the widget if there is no available content.
• Include "Show More" link: Adds a link to the bottom of the widget to enable visitors to display additional items once the Number of items has been reached.
• Optimize page-load time: Utilizes lazy loading to load images as the member scrolls down the page.