Layouts

Overview

Detailed description of the operation of the activity streams

Tile layout

The tile layout is a visually prominent format to display several articles with images of one activity stream at once.ÌýThis layout offers the most possibilities of the various settings.

Thumbnail layout

The thumbnail layout presents articles in a list with small decorative images.ÌýUse this layout if you want to display many articles and do not want to do without a decorative image. Optimally used with section, title and tags, without infoline in narrow grids.

Feature layout

The feature layout is a stage-like format including carousel functionality for multiple articles.ÌýÌýIt is well suited for lead stories.Ìý

  • For showing one entry or a small number of entries of an activity stream, theÌýFeatured layout styleÌýis used to show it generously and prominently.
  • Preferably enable either tags or caption

Grid layout

This layout is quite similar to Thumbmail-layout. But the listing is in two columns in normal view.ÌýUse this layout if you want to display many articles and do not want to do without a decorative image.

Insights layout

Use this layout if you want to display the articles with images and a focus on the article titles.

Minimal layout

screenshot minimal layout

This layout is ideal for narrow grids.

News layout

This layout is a space-saving format that presents articles’ headlines in a list that fits best in a narrow grid.

Layout decision support

Which activity-stream layout best suits your needs

Technical possibilities per layout

Layout

Layout

Image

Image

Highlight first entry

Highlight first entry

Keyline

Keyline

Infoline

Infoline

Hiding Infoline

Hiding Infoline

Group by month

Group by month

Date

Date

Hiding date

Hiding date

Caption

Caption

Author

Author

Reading time

Reading time

Showing Media types

Showing Media types

Allow search

Allow search

Allows article on a fixed position

Allows article on a fixed position

Details

Details

Layout

Tile

Tile

Image

confirm-red

Highlight first entry

confirm-red

Keyline

confirm-red

Infoline

confirm-red

Hiding Infoline

confirm-red

Group by month

Ìý

Date

confirm-red

Hiding date

confirm-red

Caption

confirm-red

Author

confirm-red

Reading time

confirm-red

Showing Media types

confirm-red

Allow search

confirm-red

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Layout

Thumbnail

Thumbnail

Image

confirm-red

Highlight first entry

confirm-red

Keyline

confirm-red

Infoline

confirm-red

Hiding Infoline

confirm-red

Group by month

Ìý

Date

confirm-red

Hiding date

confirm-red

Caption

confirm-red

Author

confirm-red

Reading time

confirm-red

Showing Media types

confirm-red

Allow search

confirm-red

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Layout

Featured

Featured

Image

confirm-red

Highlight first entry

Ìý

Keyline

confirm-red

Infoline

confirm-red

Hiding Infoline

Ìý

Group by month

Ìý

Date

Ìý

Hiding date

Ìý

Caption

Ìý

Author

Ìý

Reading time

Ìý

Showing Media types

confirm-red

Allow search

Ìý

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Layout

Grid

Grid

Image

confirm-red

Highlight first entry

Ìý

Keyline

confirm-red

Infoline

Ìý

Hiding Infoline

Ìý

Group by month

Ìý

Date

confirm-red

Hiding date

Ìý

Caption

Ìý

Author

Ìý

Reading time

confirm-red

Showing Media types

confirm-red

Allow search

confirm-red

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Layout

Insights

Insights

Image

confirm-red

Highlight first entry

confirm-red

Keyline

confirm-red

Infoline

confirm-red

Hiding Infoline

confirm-red

Group by month

Ìý

Date

confirm-red

Hiding date

Ìý

Caption

Ìý

Author

Ìý

Reading time

confirm-red

Showing Media types

confirm-red

Allow search

confirm-red

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Layout

Minimal

Minimal

Image

Ìý

Highlight first entry

Ìý

Keyline

confirm-red

Infoline

confirm-red

Hiding Infoline

confirm-red

Group by month

confirm-red

Date

confirm-red

Hiding date

confirm-red

Caption

Ìý

Author

Ìý

Reading time

confirm-red

Showing Media types

Ìý

Allow search

confirm-red

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Layout

News

News

Image

Ìý

Highlight first entry

Ìý

Keyline

confirm-red

Infoline

confirm-red

Hiding Infoline

confirm-red

Group by month

confirm-red

Date

confirm-red

Hiding date

confirm-red

Caption

confirm-red

Author

Ìý

Reading time

confirm-red

Showing Media types

confirm-red

Allow search

confirm-red

Allows article on a fixed position

confirm-red

Details

slider-next-arrow-forward-red

Ìý

Blank = not possible

Brief recommendation

Use tile layout...
... if you want to have a visually eye-catching format to display multiple articles. This layout offers the most options among the various settings.
Use minimal layout...
... if you want a space-saving format that displays article headings in a list and no images should be displayed.
Use featured layout...
... if you want a stage-like format with carousel function for multiple items.

Article

Article template

screenshot article and activity stream

The article template is designed to support content marketing initiatives that apply our diverse and high-quality content to attract traffic and shape our brand.

Article head

screenshot article header

The article head sits on top of article pages. It displays the structured elements that fill in elements of the activity streams.

Event

Event template

screenshot event template

With the event template advanced configuration information is provided in the header of the page to allow users to register for events.

Event agenda container

The component is built out of container and of items within that allow to create the agenda entries.