Norwegian version of this page

Events feed

The event component is used to display events from folders of the event list type on a web page. In the template for front page, there are a number of settings to choose from to display the events. You will find different layouts for events feed here.

Event feed over two columns with picture

This is how it looks like:

The images are adjusted based on the image format of the event that is fed in.

Bildet kan inneholde: sky, kjeve, organisme, font, bein.

Bildet kan inneholde: produkt, erme, font, linje, tilpasning.

How to insert this feed on a cover page:

  1. Set Special settings to two-column-feed
  2. Paste the code in source view in the content field of the box
${include:events uri=[/om/aktuelt/arrangementer/] show-picture=[true] event-description=[true] max-events=[6] list-only-once=[false] date-icon=[true]}
  1. Replace what is inside [] after uri= with the link to the event folder you want to feed from.
  2. If you want to show more or fewer events, change the number in max-events=[6] Use even numbers on this type of feed.
  3. If you do not want to show the introduction to the event, change to event-description=[false]
  4. If there is no picture for the event in this feed, the orange square is displayed.
  5. If you feed a folder with a series of events, you can add the code list-only-once=[true]

Event feed over two columns with masonry layout

This is how it looks like:

The pictures will be adjusted based on what format it is at the event it is fed from.

skjermdump av arrangementsfeed lagt som murstein

How to insert this feed on a cover page:

  1. Set Special settings to two-column-feed two-column-masonry-feed
  2. Paste the code in source view in the content field of the box
${include:events uri=[/om/aktuelt/arrangementer/] show-picture=[true] event-description=[true] max-events=[6] list-only-once=[false] date-icon=[true]}
  1. Replace what is inside [] after uri= with the link to the event folder you want to feed from.
  2. If you want to show more or fewer events, change the number in max-events=[6] Use even numbers on this type of feed.
  3. If you do not want to show the introduction to the event, change to event-description=[false]
  4. If there is no picture for the event in this feed, the orange square is displayed.
  5. If you feed a folder with a series of events, you can add the code list-only-once=[true]

Event feed over two columns without picture

This is how it looks like:

Bildet kan inneholde: font.

How to insert this feed on a cover page:

  1. Set Special settings to two-column-feed
  2. Paste the code in source view in the content field of the box
${include:events uri=[/om/aktuelt/arrangementer/] max-events=[4] list-only-once=[false] date-icon=[true]}
  1. Replace what is inside [] after uri= with the link to the event folder you want to feed from.
  2. If you want to show more or fewer events, change the number in max-events=[4] Use even numbers on this type of feed.
  3. If you feed a folder with a series of events, you can add the code list-only-once=[true]

Event feed over three columns with picture

This is how it looks like:

The images are adjusted based on the image format in the event it is fed in.

Bildet kan inneholde: produkt, organisme, font, linje, skjermbilde.

How to insert this feed on a cover page:

  1. Set Special settings to three-column-feed
  2. Paste the code in source view in the content field of the box.
${include:events uri=[/om/aktuelt/arrangementer/] show-picture=[true] event-description=[true] max-events=[6] list-only-once=[false] date-icon=[true]}
  1. Replace what is inside [] after uri= with the link to the event folder you want to feed from.
  2. If you want to show more or fewer events, change the number in max-events=[6] Use even numbers on this type of feed.
  3. If you do not want to show the introduction to the event, change to event-description=[false]
  4. If there is no picture for the event in this feed, the orange square is displayed.
  5. If you feed a folder with a series of events, you can add the code list-only-once=[true]

Event feed over three columns without picture

This is how it looks like:
Bildet kan inneholde: font.

How to insert this feed on a cover page:

  1. Set Special settings to three-column-feed
  2. Paste the code in source view in the content field of the box
${include:events uri=[/om/aktuelt/arrangementer/] max-events=[6] list-only-once=[false] date-icon=[true]}
  1. Replace what is inside [] after uri= with the link to the event folder you want to feed from.
  2. If you want to show more or fewer events, change the number in max-events=[6] Use even numbers on this type of feed.
  3. If you feed a folder with a series of events, you can add the code list-only-once=[true]

Event feed in full width with picture

This is how it looks like:

The images are adjusted based on the image format in the event it is fed in.

Bildet kan inneholde: gest, font, terrestrisk plante, anlegg.

How to insert this feed on a cover page:

  1. Set Special settings to one-column-feed
  2. Paste the code in source view in the content field of the box
${include:events uri=[/om/aktuelt/arrangementer/] show-picture=[true] event-description=[true] max-events=[6] list-only-once=[false] date-icon=[true]}
  1. Replace what is inside [] after uri= with the link to the event folder you want to feed from.
  2. If you want to show more or fewer events, change the number in max-events=[6] Use even numbers on this type of feed.
  3. If you do not want to show the introduction to the event, change to event-description=[false]
  4. If you feed a folder with a series of events, you can add the code list-only-once=[true] to only show each event once.