Der Dynamic Repeater ist ein sammlungsbasiertes Design-Widget, mit dem Sie schnell und einfach sich wiederholende, strukturierte Layouts erstellen können, bei denen das Design für jeden Artikel gleich ist, der Inhalt jedoch unterschiedlich ist, z. B. Listen mit Produkten, Veranstaltungen oder Dienstleistungen.
Der Wrapper (auch „Frame“ genannt) des Repeater-Widgets ist der Container für die Sammlungselemente. In der Abbildung unten sind drei Sammlungsgegenstände abgebildet
Jedes Sammlungselement zeigt Inhalte aus einer Zeile in der verbundenen internen Sammlung an. Dies wird ermöglicht, indem Widgets mit Spalten in der internen Sammlung verbunden werden.
Auf einer Website zur Hundeadoption gibt es beispielsweise eine interne Sammlung, in der adoptierbare Hunde aufgeführt sind. Unten sehen Sie ein Bild der Sammlung.
Um die Hunde im Dynamic Repeater anzuzeigen, werden die Spalten und Widgets wie folgt verbunden:
-
Die Spalte „Bild“ ist mit einem Bild-Widget verbunden.
-
Die Spalte „Hundename“ ist mit einem kleinen Überschriften-Widget verbunden.
-
Die Spalte „Hundebeschreibung“ ist mit einem Text-Widget verbunden.
Wenn Sie den Dynamic Repeater zur Leinwand hinzufügen, wird eine interne Beispielsammlung erstellt und mit dem Dynamic Repeater verknüpft. Sie können diese Beispielsammlung ändern oder eine neue Sammlung erstellen, um sie mit dem Dynamic Repeater zu verknüpfen
Um ein Dynamic Repeater-Widget hinzuzufügen:
-
In der Layoutelemente Suchen Sie im Abschnitt des Widget-Fensters Dynamischer Repeater und ziehen Sie es auf die Leinwand. Beachten Sie, dass beim Hinzufügen des Repeaters zur Leinwand eine interne Beispielsammlung mit 4 Sammlungselementen (Zeilen in der Sammlung) erstellt wird, die im Dynamic Repeater aufgefüllt werden. Dies soll Ihnen helfen, das Design zu visualisieren, bevor Sie Ihre eigenen Inhalte hinzufügen
-
Falls gewünscht, können Sie Widgets zum Dynamic Repeater hinzufügen und daraus entfernen, um Ihren Anforderungen gerecht zu werden. Es spielt keine Rolle, welchen Sammlungsgegenstand Sie ändern, die Änderungen werden automatisch alle anderen Sammlungsgegenstände aktualisieren. Beachten Sie, dass neue Widgets manuell mit einer bestimmten Sammlungsspalte verbunden werden müssen. Dies wird in einem späteren Schritt abgeschlossen.
Sie können das Design des Wrappers des Dynamic Repeaters oder der Sammlungselemente im Dynamic Repeater ändern. Beachten Sie, dass Designänderungen, die an einem Sammlungsgegenstand vorgenommen werden, für alle anderen gelten. Auf diese Weise können Sie Zeit sparen, anstatt Designänderungen manuell auf jeden einzelnen Sammlungsgegenstand anzuwenden und Fehler zu riskieren
Um das Design des Wrappers zu ändern, klicken Sie auf das Dynamic Repeater-Widget, um das schwebende Menü zu öffnen, und klicken Sie auf Design bearbeiten. In der Verpackung Im Abschnitt des Design-Panels können Sie Folgendes konfigurieren:
-
Design der Verpackung. Sie können die Hintergrundfarbe, Ausrichtung, Größe, Animation, Position (fest oder fixiert) und den Abstand zwischen Sammlungselementen im Dynamic Repeater definieren.
Weitere Informationen zu den Abschnitten des Designfensters und zur Konfiguration der einzelnen Entwurfsoptionen finden Sie unter Entwerfen Sie mit Flexbox-Technologie.
Weitere Informationen darüber, was „fest“ oder „angeheftet“ in Bezug auf die Position des Widgets bedeutet, findest du unter Position des Widgets: Fest und Fixiert.
Um zu definieren, wie Sammlungselemente im Dynamic Repeater angezeigt werden, klicken Sie auf das Dynamic Repeater-Widget, um das schwebende Menü zu öffnen, und klicken Sie auf Design bearbeiten. In der Raumaufteilung Im Bereich des Design-Panels können Sie Folgendes konfigurieren:
-
Artikel pro Zeile. Wählen Sie aus, wie viele Sammlungselemente pro Zeile angezeigt werden sollen. Maximal 10 Elemente pro Zeile.
-
Artikel passen. Wählen Sie entweder Feste Breite oder Zur Passform dehnbar.
Um die Paginierung oder die Option „Mehr laden“ zu aktivieren, öffnen Sie das Navigation Abschnitt des Design-Panels und schalten Sie das ein Aktivieren Sie die Navigation umschalten. Sobald die Navigation aktiviert ist, konfigurieren Sie Folgendes:
-
Seitennummerierung oder Mehr laden. Bei der Paginierung werden die Sammlungselemente in Seiten aufgeteilt, zwischen denen die Besucher der Website navigieren. Mehr laden zeigt eine bestimmte Anzahl von Sammlungselementen an, und mit jedem Klick wird ein zusätzlicher Satz von Sammlungselementen geladen
-
Artikel pro Seite. Definieren Sie, wie viele Sammlungselemente pro Seite angezeigt werden sollen oder bevor weitere Ergebnisse geladen werden.
Um Designänderungen an den Widgets in einem Sammlungselement vorzunehmen, klicken Sie auf ein einzelnes Sammlungselement, um das schwebende Menü zu öffnen, und klicken Sie auf Design bearbeiten. Alle Designänderungen werden auf jedes Objekt im Repeater angewendet. In der Raumaufteilung Im Bereich des Design-Panels können Sie Folgendes konfigurieren:
-
Ausrichtung der Inhalte. Definieren Sie die horizontale und vertikale Ausrichtung des Inhalts innerhalb des Sammlungselements.
-
Stapelrichtung. Wählen Sie aus, ob die Widgets im Repeater horizontal oder vertikal gestapelt sind
-
Umbrechen und Reihenausrichtung. Falls gewünscht, können Sie die Widgets für jedes Sammlungselement so einrichten, dass sie in eine andere Zeile eingebunden werden. Wenn Sie den Zeilenumbruch auswählen, müssen Sie auch die Zeilenausrichtung definieren.
Es ist wichtig zu beachten, dass die Breite oder Höhe der Sammlungselemente im Dynamic Repeater nicht geändert werden kann. Der Sammlungsgegenstand wird so skaliert, dass er zu 100% in den Wrapper passt. Das bedeutet, dass Höhe und Breite des Sammelobjekts durch die Höhe und Breite des Wrappers des Dynamic Repeaters gesteuert werden. Die Höhe und Breite des Dynamic Repeaters können Größe Abschnitt des Design-Panels.
Wenn Sie den Dynamic Repeater zur Leinwand hinzufügen, wird eine interne Beispielsammlung erstellt und mit dem Dynamic Repeater und den darin enthaltenen Standard-Widgets verknüpft. Sie können diese Beispielsammlung ändern oder eine neue interne Sammlung erstellen, um sie mit dem Dynamic Repeater zu verknüpfen. Wenn Sie dem Dynamic Repeater neue Widgets hinzufügen, müssen diese mit einer Sammlungsspalte verbunden werden
Anmerkung
Derzeit kann der Dynamic Repeater nur mit einer internen Sammlung oder einer Bildsammlung verbunden werden. In Zukunft planen wir, alle Sammlungstypen zu unterstützen
Um einen Dynamic Repeater mit einer Sammlung zu verbinden:
-
Klicken Sie auf das Dynamic Repeater-Widget, um das schwebende Menü zu öffnen.
-
Klicken Sie im schwebenden Menü auf das Dreipunktsymbol und wählen Sie dann Sammlung ersetzen.
-
Verwenden Sie im Modal das Dropdownmenü, um die gewünschte Sammlung auszuwählen.
-
Klicken Sie Ersetzen.
-
Als Nächstes müssen Sie Widgets mit den Sammlungsspalten verbinden. Klicken Sie im Dynamic Repeater auf ein Widget, um das schwebende Menü zu öffnen, klicken Sie dann auf das Dreipunktsymbol und Stellen Sie eine Verbindung zu Daten her.
-
Verwenden Sie im Modal das Dropdownmenü, um die Spalte in der Sammlung auszuwählen, die mit dem Widget verbunden werden soll. Beachten Sie, dass nur kompatible Spalten angezeigt werden. Bild-Widgets können beispielsweise nur mit einer Spalte in der Sammlung verbunden werden mit Bild als Feldtyp festgelegt. Klicken Sie Verbinden. Wiederholen Sie dies für jedes Widget im Dynamic Repeater
Mithilfe von Filtern und Sortieren können Sie steuern, welche Sammlungselemente in welcher Reihenfolge und unter welchen Bedingungen angezeigt werden.
Im Folgenden finden Sie eine Beschreibung der einzelnen Optionen:
-
Sortieren ermöglicht es Ihnen, Sammlungselemente nach Sammlungsspalten in aufsteigender oder absteigender alphabetischer Reihenfolge zu sortieren. Um beispielsweise eine Liste der Teammitglieder in alphabetischer Reihenfolge auf der Grundlage ihres Vornamens anzuzeigen, können Sie Vorname Spalte in der verbundenen Sammlung und wähle aufsteigend als die Reihenfolge, in der Ergebnisse angezeigt werden sollen. Kann auf regulären und dynamischen Seiten verwendet werden.
-
Feste Filter ermöglichen es Ihnen, Sammlungselemente mit bestimmten Werten anzuzeigen. Um beispielsweise eine Liste von Teammitgliedern mit Fachgebieten in Wirtschaft oder Technologie anzuzeigen, erstellen Sie einen festen Filter, der Folgendes erfordert Fachgebiete Sammlungsspalte, die die Werte „Geschäft“ oder „Technologie“ enthält. Kann auf regulären und dynamischen Seiten verwendet werden.
-
Dynamische Filter ermöglichen es Ihnen, übereinstimmende Felder aus zwei separaten Sammlungen zu verknüpfen; eine aus der Sammlung, die mit der aktuellen dynamischen Seite verknüpft ist, und die andere aus der Sammlung, die mit dem Dynamic Repeater-Widget verknüpft ist. Auf diese Weise können Sie nur den Inhalt anzeigen, der für eine bestimmte dynamische Seite relevant ist. Dynamische Filter können beispielsweise verwendet werden, um Blogbeiträge aus derselben Kategorie wie die aktuelle dynamische Seite anzuzeigen.
So konfigurieren Sie das Filtern und Sortieren:
-
Klicken Sie auf den Dynamic Repeater, um die schwebende Leiste zu öffnen. Klicken Sie Sammlung und wähle Sortieren und filtern.
-
In der Anzeige Abschnitt, benutze den Anzahl der Artikel Dropdown, um auszuwählen, wie viele Elemente im Widget angezeigt werden.
-
Auf dem Filtern und sortieren Aktivieren Sie auf der Registerkarte des Popups die Sortiere nach umschalten.
-
Benutze das Sortiere nach Drop-down-Menü zur Auswahl der Sammlungsspalte, nach der Sie sortieren möchten. Verwenden Sie die Aufwärts- und Abwärtspfeile neben dem Dropdown, um die Sammlungselemente in aufsteigender oder absteigender alphabetischer Reihenfolge zu organisieren
-
Unter Feste Filter, klicken Sie +Filter hinzufügen. Wählen Sie in der Dropdownliste die Sammlungsspalte aus, nach der Sie filtern möchten, und geben Sie die genauen Werte ein, die erfüllt sein müssen, damit die gewünschten Sammlungselemente angezeigt
-
Klicken Sie Erledigt.
So konfigurieren Sie dynamische Filter auf dynamischen Seiten:
-
Klicken Sie auf den Dynamic Repeater, um die schwebende Leiste zu öffnen. Klicken Sie Sammlung und wähle Sortieren und filtern.
-
Unter Dynamische Filter, klicken Sie +Filter hinzufügen.
-
Benutze das Sammlung von Diensten Dropdown, um ein Feld aus der Sammlung der aktuellen dynamischen Seite auszuwählen.
-
Benutze das Repeater-Sammlung Drop-down-Menü, um ein Feld aus der verbundenen Sammlung des Dynamic Repeaters auszuwählen, das dem im Feld ausgewählten Feld entspricht Erfassung von Diensten Drop-down-Menü im vorherigen Schritt.
-
Klicken Sie Erledigt.
Um dem Dynamic Repeater ein Sammlungselement hinzuzufügen, müssen Sie der Sammlung eine neue Zeile hinzufügen. Die Zeile muss Inhalt haben, bevor sie im Dynamic Repeater aufgefüllt wird
Um ein Sammlungselement zu entfernen, löschen Sie die entsprechende Zeile in der Sammlung.
Um ein Widget hinzuzufügen, öffnen Sie das Widget-Panel und ziehen Sie das gewünschte Widget per Drag & Drop in den Dynamic Repeater. Das Widget wird automatisch zu allen anderen Sammlungselementen hinzugefügt
Wenn Sie bereit sind, das Widget mit der Sammlung zu verbinden, klicken Sie auf das Widget, um das schwebende Menü zu öffnen. Klicken Sie auf das Dreipunktsymbol und wählen Sie Stellen Sie eine Verbindung zu Daten her. Wählen Sie im Popup die Spalte aus, mit der Sie das Widget verbinden möchten. Beachten Sie, dass nur kompatible Spalten angezeigt werden, was bedeutet, dass Bild-Widgets nur mit einer Spalte in der Sammlung verbunden werden können Bild als Feldtyp festgelegt. Klicken Sie Verbinden.
Um die Widget-Verbindung zu ändern, klicken Sie auf das Widget, um das schwebende Menü zu öffnen. Klicken Sie auf das Dreipunktsymbol und wählen Sie Verbindung ändern. Verwenden Sie das Dropdownmenü im Popup, um eine andere Sammlungsspalte auszuwählen. Klicken Sie Verbinden.
Um den Inhalt eines Elements im Dynamic Repeater zu bearbeiten, klicken Sie auf das Widget und nehmen Sie die gewünschten Aktualisierungen vor. Da der Dynamic Repeater die Inline-Bearbeitung unterstützt, werden Ihre Änderungen auch in der verbundenen Sammlung aktualisiert
Sie können den Inhalt eines Sammlungselements auch direkt in der Sammlung bearbeiten.
Um den Abstand zwischen Sammlungselementen zu vergrößern oder zu verringern, klicken Sie auf den Dynamic Repeater, um das schwebende Menü zu öffnen, und klicken Sie auf Design bearbeiten. In der Abstand Verwenden Sie im Abschnitt des Design-Panels den Abstand zwischen Elementen Einstellung, um den Abstand zwischen Sammlungselementen zu definieren.
Jedes Bild im Dynamic Repeater kann seinen eigenen Alt-Text haben.
Um Alt-Text zu Bildern im Dynamic Repeater hinzuzufügen:
-
Öffnen Sie die Sammlung, die mit dem Dynamic Repeater verbunden ist.
-
Klicken Sie in der Sammlungstabelle auf das Plussymbol (+), um eine neue Spalte/ein neues Feld hinzuzufügen.
-
Geben Sie ein Alternativtext als Feldname und wählen Klartext als Feldtyp.
-
Navigieren Sie zurück zum Dynamic Repeater und klicken Sie, um eines der Bild-Widgets auszuwählen.
-
Klicken Sie in der schwebenden Leiste auf das Dreipunktsymbol und dann auf Verbindung verwaltenund wählen Sie dann Verbindung ändern.
-
Verwenden Sie im Popup die Verbinden Sie Alt Text mit Drop-down-Menü zur Auswahl der in Schritt 3 erstellten Sammlungsspalte.
-
Klicken Sie Verbinden.