Elementgruppe: Wie vergebe ich CSS-Klassen per for-Schleife mit Twig in Contao 5?

[DinKontao]

In der Elementgruppe gibt es die Variable {{ parent() }}, die mir die Inhalte ausgibt (zB 5 Textelemente).

Wie kann ich diesen Elementen CSS-Klassen vergeben? ZB erstes Textelement class="first", letztes class="last" usw.

Danke im Voraus

[zonky]

die Angaben sind doch in Contao erst raus geflogen, weil man das mit CSS lösen kann https://developer.mozilla.org/de/doc...S/:first-child

[DinKontao]

die Angaben sind doch in Contao erst raus geflogen, weil man das mit CSS lösen kann https://developer.mozilla.org/de/doc...S/:first-child

Das bringt mich leider nicht weiter, weil ich die Angaben für eine bestimmte JS-Funktion benötige.

[zonky]

poste mal Dein Template

[Spooky]

Das bringt mich leider nicht weiter, weil ich die Angaben für eine bestimmte JS-Funktion benötige.

Beschreibe die Funktion genauer.

[DinKontao]

Beschreibe die Funktion genauer.

Es ist ein Slider/Fader, der wissen muss, welches Element active, first, last, etc. ist.

[DinKontao]

poste mal Dein Template

Es ist die {{ parent() }} Sache, die mich interssiert. Der Rest des Templates funktioniert wie es soll:

{% extends "@Contao/content_element/element_group.html.twig" %}

{% block content %}
<div class="slider_wrap block" data-config="{{data.sliderDuration}},{{data.sliderTransition}},{% if data.sliderDots %}{{data.sliderDots}}{% else %}0{% endif %}">
    <div class="slider_inner {% if data.sliderFader %}slider_fader {% endif %}block">
       {{ parent() }}
    </div>
    <nav class="slider_controls">
        <ul>
            <li class="slider_control_left">
                <a href="#" class="slider_control show_prev">
                    <span class="invisible"></span>
                </a>
            </li>
            <li class="slider_control_right">
                <a href="#" class="slider_control show_next">
                    <span class="invisible"></span>
                </a>
            </li>
        </ul>
    </nav>
</div>
{% endblock %}