Mercury Documentation

Event:The formatter "Accordion event teaser"

An event consists of time and date information plus optional images and texts in multiple paragraphs.

The accordion teaser displays the content in the form of an accordiont that is automatically generated by the list.

A special feature of accordion lists is that they do NOT link to a detail view, as all essential information of the content is already displayed in the accordion.

This teaser can only be used in a static list.

Back

Children whisper to each other

Easter is the celebration of the resurrection of Jesus Christ.

Easter Sunday marks the beginning of the Easter season (Eastertide), which lasts for fifty days until Pentecost.

Lent and Holy Week

The Easter season begins with Ash Wednesday, followed by a 40-day period of fasting. This commemorates the 40 years the Israelites spent in the desert and the 40 days Jesus spent fasting and praying in the desert. Lent, also known as the Easter penitential season, ends on the 40th day, Holy Saturday.

Ein buntes durcheinander von Farben und Pinseln

Far away, behind the mountains of words, far from the lands of vowels and consonants, live the blind texts. They live secluded in Letterville on the coast of Semantics, a large ocean of language.

This workshop teaches the basics of OpenCms

Far away, behind the mountains of words, far from the lands of vowels and consonants, live the blind texts. They live secluded in Letterville on the coast of Semantics, a large ocean of language. A small stream called Duden flows through their town and provides them with the necessary rules. It is a paradisiacal land where fried sentence fragments fly into your mouth. Not even the almighty punctuation rules over the blind texts - a truly unorthographic life. But one day, a small line of blind text, whose name was Lorem Ipsum, decided to go out into the wide world of grammar. The great Oxmox advised her against it, saying that it was teeming with evil commas, wild question marks, and sneaky semicolons, but the little dummy text was not to be deterred.

Unser OpenCms-Robi ist einer der gefragtesten Artikel

This annual trade fair is the best opportunity to stock up on OpenCms fan merchandise.

This is dummy text. It allows you to see whether all the letters are there and what they look like. Sometimes words such as Hamburgefonts, Rafgenduks, or Handgloves are used to test fonts. Sometimes sentences containing all the letters of the alphabet are used—these sentences are called “pangrams.” A well-known example is: The quick brown fox jumps over the lazy old dog.

Man sieht eine feiernden Menschenmenge auf einer Tanzfläche mit stimmungsvoller Beleuchtung. Im Vordergrund formt eine Person mit den Händen ein Herz.

In Western culture, January 1 has been widely accepted as the start of the year since the Middle Ages. Regardless of this, other dates have been and continue to be used in different regions and at different times.

In 153 BC, the Romans moved the start of the official year from March 1 to January 1, the day the consuls took office, according to their calendar. However, the calendar year still kept the March style with March 1 as the start of the year. It was not until Caesar's calendar reform (Julian calendar) that the originally appended months of January and February were placed at the beginning of the year, so that the calendar year and the official year began on January 1.

As a result, the counting months (September, meaning “seventh”; October, “eighth”; November, ‘ninth’; December, “tenth”) also lost their positions corresponding to their names.

Man sieht eine feiernden Menschenmenge auf einer Tanzfläche mit stimmungsvoller Beleuchtung. Im Vordergrund formt eine Person mit den Händen ein Herz.

In Western culture, January 1 has been widely accepted as the start of the year since the Middle Ages. Regardless of this, other dates have been and continue to be used in different regions and at different times.

In 153 BC, the Romans moved the start of the official year from March 1 to January 1, the day the consuls took office, according to their calendar. However, the calendar year still kept the March style with March 1 as the start of the year. It was not until Caesar's calendar reform (Julian calendar) that the originally appended months of January and February were placed at the beginning of the year, so that the calendar year and the official year began on January 1.

As a result, the counting months (September, meaning “seventh”; October, “eighth”; November, ‘ninth’; December, “tenth”) also lost their positions corresponding to their names.

Man sieht eine feiernden Menschenmenge auf einer Tanzfläche mit stimmungsvoller Beleuchtung. Im Vordergrund formt eine Person mit den Händen ein Herz.

In Western culture, January 1 has been widely accepted as the start of the year since the Middle Ages. Regardless of this, other dates have been and continue to be used in different regions and at different times.

In 153 BC, the Romans moved the start of the official year from March 1 to January 1, the day the consuls took office, according to their calendar. However, the calendar year still kept the March style with March 1 as the start of the year. It was not until Caesar's calendar reform (Julian calendar) that the originally appended months of January and February were placed at the beginning of the year, so that the calendar year and the official year began on January 1.

As a result, the counting months (September, meaning “seventh”; October, “eighth”; November, ‘ninth’; December, “tenth”) also lost their positions corresponding to their names.

Further examples and descriptions for lists with accordion article teasers

Available element settings

CSS modification (Select box)

Allows to change the element layout using predefined CSS modifications.

Please note that a specific element may not support all listed modifications.

Teaser headline (Select/combo box)

Controls the importance level of the teaser headline in the list elements.

This is relevant for search engines (SEO) and will not change the visual "size" of the teaser headline.

Image format (mobile) (Select/combo box)

The image format for small screens like smartphones.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Image format (desktop) (Select/combo box)

The image format for large desktop screens.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Open first entry (Check box)
Opens the first entry when the page is loaded.
Multiple entries open (Check box)

Controls if multiple entries in the accordion can be opened simultaneously.

If this is not set opening an entry automatically closes the entry that is currently open.

Show image zoom (Check box)
A zoom option is added to the images.
Show image copyright (Check box)

Controls if the copyright information for teaser images is displayed as an overlay.

Show image title (Check box)
If available, the image title is displayed below the image.