Wie lege ich einen Slider an?

Bild-Slider sind effektive Elemente, um eine große Menge an Inhalten in einem begrenzten Bereich darzustellen. Sie können verwendet werden, um Bildergalerien zu präsentieren oder auch Nachrichten und Neuigkeiten anzuzeigen. Durch ihre animierte Bewegung ziehen sie die Aufmerksamkeit des Betrachters auf sich und können einen visuell ansprechenden Effekt erzeugen. In dieser Anleitung zeigen wir Ihnen wie Sie Slider erstellen können.

1. Klicken Sie in der Navigationsleiste auf Application
2. Wählen Sie die Application aus, dessen Header-Komponente angepasst werden soll
3. Nachdem Sie auf die Application geklickt haben, öffnet sich die Übersichtsseite der Application
4. Klicken Sie auf Widgets im Abschnitt Einstellungen auf der rechten Seite
5. Sie gelangen auf die Übersichtsseite der Widgets
6. Klicken Sie auf den Button + Neu, um ein neues Widget anzulegen
7. Es öffnet sich das Fenster Create Widget
8. Geben Sie den Namen des Widgets ein
9. Wählen Sie bei Widget Type den Slider aus
10. Klicken Sie auf + Add um das Widget hinzuzufügen
11. Klicken Sie auf das erstellte Slider-Widget

Slider-Daten hinterlegen

1. Klicken Sie auf den Namen des Widgets im Application Builder und Hinterlegen Sie eine Quelle, um nachvollziehen zu können, wie Sie das Widget gestalten
2. Für ein Slider-Widget können Sie Bundle, Object und Page im Feld Dynamic Data auswählen

Slider Einstellungen

1. Klicken Sie auf den Dropdown-Pfeil bei Slides to scrollund wählen Sie zwischen den folgenden Optionen
   1. Single: Zeigt ein Bild pro Scrollvorgang an
   2. Group: Zeigt mehrere Bilder pro Scrollvorgang an
2. Klicken Sie auf den Dropdown-Pfeil neben Control position und wählen Sie zwischen den folgenden Optionen
   1. Inside: Zeigt die Steuerungspfeile innerhalb des Sliders an
   2. Outside: Zeigt die Steuerungspfeile außerhalb des Sliders an
   3. None: Zeigt keine Steuerungspfeile an
3. Aktivieren oder deaktivieren Sie das Kontrollkästchen Hide control mobile, um die Steuerung für mobile Endgeräte zu verstecken. Beachten Sie, dass der Slider trotzdem noch mit dem Finger bewegt werden kann.
4. Aktivieren oder deaktivieren Sie das Kontrollkästchen Autoplay, um den Slider automatisch zu starten und die Inhalte rotieren zu lassen
5. Aktivieren oder deaktivieren Sie das Kontrollkästchen Enables infinite looping, um den Slider unendlich durchlaufen zu lassen

Slider Content

1. Klicken Sie auf + Element und fügen Sie benötigte Elemente hinzu
2. Hinterlegen Sie das Element im Feld text/media
3. Sie können den Content im Feld Style mapping anpassen

Das könnte Sie auch Interessieren