Content Stream

This page showcases the Content Stream component with different configurations.

Editorial guidelines

Default behaviour

This example shows the Content Stream Component with the default minimal configuration:

• Linked Items Folder
• Resource Type
• Content stream view page

By default the component preselects the following properties:

• Feed Structure: Pagination
• Page size of 6 items
• Order by creation date
• Sort ascending

Pinned items

In this example the following properties are customized via the dialog:

• Max Items for Fixed List
• Styles - pinned item

Pinned items have different border around them so that visitors can better notice them.

Page Size and Sort Order

In this example the following properties are customized via the dialog:

• Page size of 3 items
• Sort order descending

Fixed List

In this example the feed structure is fixed list.

The editor can then select the maximum number of elements to be shown, by default it is set to 12.

• Maximun items 6
• Sort order descending
• Order by creation date
  

Load on Request

In this example the feed structure is load on request.

It will appear a new button down below that each time that this new button is clicked

It will load more items depending of the values that the editor set in the dialog:

• Feed Structure is "Load on Request".
• OrderBy: Creation Date
• Short order: Ascending
• Load more button label: Defines the label shown on the "Load more button", by default is "Load more".
• Number of items to load: Defines the number of the initial result items. In this example, 6.
• Page size: Defines the number of items to load on each click of the load more button. In this example 3.

Load on Scroll

In this example the feed structure is load on Scroll.

The new items will appear depending of the values that the editor set in the dialog.

It will be loaded automatically when the user go down below.

• Feed Structure is Load on Scroll.
• OrderBy: Creation Date
• Short order: Ascending
• Number of items to load: Defines the number of the initial result items. Minimum is 12 items. In this example is 12.
• Page size: Defines the number of items to load on scroll. In this example, 3.

Filters

Content Stream component contains a section that enables editors to drag and drop components to allow the order and filtering of items in the feed.

The components dropped in the filter section are responsive and can be repositioned according to customer styling.

Container and background styles

When the Content Stream component is placed inside a container, its styles are adapted to the background colour of the container.