Alternative: Current messages without news module
As an alternative to the news module, you can also work with individual pop-up elements for current messages, to which a date is assigned. Compared to the news system, this approach is simpler but also more flexible.
Differences compared to the news module
- The current messages are always displayed one below the other, i.e. not scrollable next to each other.
- What the teaser text is in the news module (short text that is displayed in addition to the title in the overview) is the "Subheading" field in the pop-up element. This can be filled in in addition to the headline if required and is also visible when not expanded.
- Individual messages are manually assigned a date and are also manually put in the appropriate order.
- The messages can be of different lengths and are fully embedded in the website. When clicked, they are expanded instead of linking to a detailed view on another website.
- Assigned images only become visible when they are expanded.
Procedure
- Create a new content element of the type "Text&Media" for each current message. Always place new messages above existing messages so that the most recent messages are at the front.
- Enter the title of the message in the "Headline" field.
- If required, enter an explanatory short text in the "Subheading" field, which should also be visible before the message is expanded.
- Enter the date of the message (if one is to be given) in the "Date" field next to the heading. The order of the content elements should then be set so that the dates are in descending chronological order from top to bottom.
- Enter the actual text that should be visible when expanding in the "Text" field at the bottom.
- If required, assign images in the [Media] tab(at the top, bottom or in the text on the right/left, but not next to the text!)
- Make the element expandable in the [Advanced] tab.
- Save and close.
The current messages can then be preceded by a suitable heading, e.g. "Current messages" or "Current notes".
And this is what it looks like:
Heading of the message
The "Subheading" field can be used as a short text
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text with image "In the text on the right" - the image is surrounded by the text.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text with image "In the text on the left", also surrounded by text.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text with pictures "Top centre"
Images placed before the text
Note: In addition, the CSS class gallery-wide was assigned to the element in order to place the graphics with greater spacing. To increase the uniformity of the appearance, a common height was also assigned, i.e. no width.