Events

The module is used to display events. The module displays the events that have the metadata on and off dates and the labels or selections that you set. It does not matter if it is a web page or an article.

Upcoming events are displayed in the calendar.

Settings in the module

Metadata

Here you designate the Metadata for event start date and Metadata for event end date.

Use tags from metadata

Regular labels are always available and do not need a special link, but this box must be checked if you want to use tags as single or multiple choice metadata. Then point out which metadata you want to use in the list.

Selection

Restrict which structures to include in the selection

If you want to display events only from certain structures on the website, select this option. Click on the Add link to add the structures (sub-branches) from which you want to display events.

Restrict events to selected tags

Here you enter a tag if you want the module to display only events that are marked with a special tag.

Limit the number of events to display

Here you choose how many events to display. Then a view appears where you can fill in the number.

Event content

Here you select the content you want to display in the Events module. The following are available to choose:

• Date - retrieves from your metadata you set up for dates
• Image - retrieves SV.Image which is the default metadata on all archives. If the image is an event in an article in an archive, you do not need to do anything. If you want to display a page in the list of events, the SV.Image metadata must be there.
• Heading - retrieves from the page or article name.
• Text - Retrieves primarily from whether there is a linked module (SV.Description). If not, we take the summary from the indexing.
• Tags - shows the tags that the article/page is labeled with.

The event is displayed with the event content you selected in the list. The events are displayed in the order you selected the content in the list.

Change the order of content in the list

You can change the order in which the event is displayed using the arrows.

Remove content

For example, if you don't want to show labels, click on the cross on the right.

Labels will then appear in the list under "Unselected content".

Filtering

Here you choose whether the visitor should be able to filter events by date and/or tags.

If you have checked both dates and tags, the visitor will see filtering options:

Pagination

Activate pagination

Here you check if you want to enable pagination. Next, set whether you want to show x number of events per page.

Use Simple Pagination

If you select "Use Simple Pagination", only the Prev/Next links are displayed - no page numbers.

Appearance

Here you can make settings for how the module should look.

Module Heading

Here you enter a heading. If there are no events, the module title will not be displayed.

Minimum column width (px)

Here you select the minimum width of the column in pixels.

Column gap

Here you set the distance between the columns in the event listing.There are the following to choose from:

• No gap
• XXX-Small
• XX-Small
• X-Small
• Small
• Medium
• Large
• X-Large
• XX-Large
• XXX-Large.

Teaser color scheme

Here you can choose a color scheme from your theme if you want a background color for your event puffs. You can choose from the following settings in the theme:

• Transparent
• Basic
• Block colors
  • Default
  • Primary
  • Secondary
• Brand color.

Shadow

Here you set whether you want shadow on the event puff. You can choose from:

• No shadow
• Small shadow
• Default shadow
• Large shadow.

Use border

Check this if you want a border all around.

Content

Inner horizontal spacing

Here you set the inner horizontal spacing to be displayed in the event buffer. That is, the distance to the right and left. You can set anything from none to XXX-Large.

Inner vertical spacing

Here you set the inner vertical distance to be displayed in the event buffer. That is, the distance between the contents. You can set anything from nothing to XXX-Large.

Image proportions

Here you can choose from a few different image proportions. There are the following options:

• Extra wide (21:9)
• Wide (16:9)
• Standard (4:3)
• Square (1:1)

Date color scheme

Here you can set the color scheme from your theme settings. So it is the date in the event bucket that gets this background color. You can choose from the following:

• No color
• Block colors
  • Default
  • Primary
  • Secondary
• Brand color
• Element colors
  • Primary
  • Success
  • Danger.

Use date icon

Check this if you want a date icon to appear before the date of the event.

Date style

Here you set the date font from your theme settings:

• UI text
  • Overline
  • Section heading
  • Subheading
  • Caption
• Basic
  • Font
• Basic font - small.

Heading style

Here you set the header font from your theme settings. You can choose between:

• UI text
  • Heading
  • Section heading
  • Subheading
• Basic
  • Font.

Text style

Here you set the font for text from your theme settings. You can choose between:

• UI text
  • Caption
• Basic
  • Font
    
• Basic font - small
  

Accessibility

Top heading level

To enable you to have correct heading levels in the module, we have added an h2 as the default heading level. Here you can change this to suit your design and get the right heading level. It is possible to change everything from h1-h6 to match the correct heading level in the event list.