Miscellaneous

This article is machine translated.

In this section you will be introduced to the other core modules in the “Miscellaneous” section. The list of frontend modules can also be extended by (third-party) extensions.

Article list

With the frontend module “article list” you can output a list of all articles of a column.

Skip elements: Here you define how many elements are to be skipped.

Column: Here you can select the column whose articles you want to list.

Set a reference page: Here you can assign an individual source or target page to the module.

Individual template: Here you can overwrite the standard mod_articlelisttemplate.

HTML OutputThe
frontend module generates the following HTML code:

<!-- indexer::stop -->
<div class="mod_articlelist block">

<ul>
    <li><a href="…#article-01" title="…">…</a></li>
    <li><a href="…#article-02" title="…">…</a></li>
    <li><a href="…#article-03" title="…">…</a></li>
</ul>

</div>
<!-- indexer::continue -->

Random image

The frontend module “Random Image” adds a random image from a certain selection of images to the website. You can select single images or whole folders as source. Existing meta files are evaluated.

Source files: Here you can select multiple files or folders. The images contained in a folder are automatically included in the selection.

Image size: Here you can define the dimensions of the image and the scaling mode.

Relative format
Proportional The longer side of the image is adjusted to the given dimensions and the image is proportionally reduced in size.
Fit to frame The shorter side of the image is adjusted to the given dimensions and the image is proportionally reduced in size.
Exact format
Important part Retains the important part of the image as specified in the file manager.
Left / Top Preserves the left part of a landscape image and the upper part of a portrait image.
Middle / Top Preserves the central part of a landscape image and the upper part of a portrait image.
Right / Top Preserves the right part of a landscape image and the upper part of a portrait image.
Left / Middle Gets the left part of a landscape image and the middle part of a portrait image.
Center / Center Get the middle part of a landscape image and the middle part of a portrait image.
Right / Middle Gets the right part of a landscape image and the middle part of a portrait image.
Left / Bottom Preserves the left part of a landscape image and the lower part of a portrait image.
Middle / Bottom Keeps the middle part of a landscape image and the lower part of a portrait image.
Right / Bottom Preserves the right part of a landscape image and the lower part of a portrait image.

Large View/New Window: If this option is selected, the image will open in its original size when clicked. This option is not available for linked images.

Show caption: If you select this option, either the corresponding caption from the metadata is displayed or an automatic caption is generated from the file name.

Individual template: Here you can overwrite the standard mod_randomImagetemplate.

HTML OutputThe
front-end module generates the following HTML code:

<!-- indexer::stop -->
<div class="mod_randomImage block">

    <figure class="image_container">
        <a href="…" title="…" data-lightbox="8e0a5c">
            <img src="…" alt="" itemprop="image">
        </a>
    </figure>

</div>
<!-- indexer::continue -->

Own HTML code

The frontend module “Own HTML code” adds any HTML code to the web page.

HTML code: Here you can enter the HTML code. Note that only those HTML tags can be used that you have enabled in the backend settings under “Allowed HTML tags”.

The module has no enclosing HTML markup.

Individual template: Here you can overwrite the standard mod_htmltemplate.

RSS reader

With the frontend module “RSS Reader” you can subscribe to any RSS feed and insert it into your website, e.g. to integrate the news feed of contao.org.

Open the module administration in the backend and select the module “RSS reader”. In the following, the individual input fields will be explained to you.

Feed URLs: Here you can enter one or more RSS feed URLs.

Total number of posts: Here you define how many posts are displayed.

Elements per page: If you enter a value greater than 0 here, Contao will automatically spread the posts over multiple pages - assuming you have the right number of elements.

Skip elements: Here you can specify that a certain number of posts are skipped from the most recent post of the RSSS feed.

Cache expiration time: Here you can specify how long an RSS feed is stored in the local cache before a new request is made.

Feed-Template: Here you select the feed template.

Template Declaration
rss_default Both the header of the RSS feed and the contributions are displayed.
rss_items_only Only the articles of the RSS feed are displayed.

HTML OutputThe
front-end module generated using the rss_defaultfollowing HTML code:

<!-- indexer::stop -->
<div class="mod_rssReader block">

    <div class="rss_default_header">
        <h1><a href="…" target="_blank" rel="noreferrer noopener">…</a></h1>
        <div class="description">…</div>
    </div>

    <div class="rss_default first even">
        <h2><a href="…" target="_blank" rel="noreferrer noopener">…</a></h2>
        <div class="description"><p>…</p></div>
    </div>
    <div class="rss_default odd">
        <h2><a href="…" target="_blank" rel="noreferrer noopener">…</a></h2>
        <div class="description"><p>…</p></div>
    </div>
    <div class="rss_default last even">
        <h2><a href="…" target="_blank" rel="noreferrer noopener">…</a></h2>
        <div class="description"><p>…</p></div>
     </div>

</div>
<!-- indexer::continue -->

The frontend module generates with rss_items_onlythe following HTML code:

<!-- indexer::stop -->
<div class="mod_rssReader block">

    <div class="rss_items_only first even">
        <h2><a href="#" target="_blank" rel="noreferrer noopener">#</a></h2>
        <div class="description"><p>…</p></div>
    </div>
    <div class="rss_items_only odd">
        <h2><a href="#" target="_blank" rel="noreferrer noopener">#</a></h2>
        <div class="description"><p>…</p></div>
    </div>
    <div class="rss_items_only last even">
        <h2><a href="#" target="_blank" rel="noreferrer noopener">#</a></h2>
        <div class="description"><p>…</p></div>
    </div>

</div>
<!-- indexer::continue -->