Der InfoList Block in Frontly ist ein praktisches Tool zur Anzeige von Zeilendaten in einem einfach zu lesenden Format. Dieser Block ist besonders nützlich in Detailansichten, um spezifische Datensätze aus Ihrer Tabelle anzuzeigen. Im Gegensatz zum Form Block können Informationen im InfoList Block nicht bearbeitet oder erstellt werden, was ihn ideal für die reine Datenanzeige macht.
Hauptmerkmale
1. Datenquelle auswählen: Sie können die Datenquelle auswählen, die im InfoList Block angezeigt werden soll. Dies erfolgt durch die Verbindung des Blocks mit der entsprechenden Tabelle in Google Sheets.
2. Zeilen-ID festlegen: Geben Sie die Zeilen-ID an, um den spezifischen Datensatz zu identifizieren, der angezeigt werden soll. Dies wird oft dynamisch durch Verwendung von Variablen wie {{detail.frontly_id}} durchgeführt. In seltenen Fällen kann auch eine statische Zeilen-ID verwendet werden.
3. Felder anpassen: Passen Sie die Felder an, die im InfoList Block angezeigt werden sollen. Sie können Felder ein- oder ausblenden und deren Reihenfolge durch Drag-and-Drop ändern. Zudem können Sie den Feldtyp ändern, um verschiedene Datenformate wie Text, Links, Abzeichen, Bilder, Datum, Zahlen und boolesche Werte darzustellen.
4. Bildanzeige: Der InfoList Block unterstützt die Anzeige von Bildern. Dies kann durch Verknüpfen einer Spalte in Ihrer Tabelle, die die Bild-URLs enthält, erfolgen. Bilder werden als Thumbnails angezeigt und können weiter angepasst werden, um die Benutzererfahrung zu verbessern.
Anwendungsbeispiele
Detailansichten: Verwenden Sie den InfoList Block in Detailansichten, um spezifische Informationen eines ausgewählten Datensatzes anzuzeigen. Dies ist besonders nützlich für Benutzerprofile, Produktdetails oder andere spezifische Datensätze.
Dashboard-Informationen: Integrieren Sie den InfoList Block in Dashboards, um wichtige Informationen auf einen Blick anzuzeigen. Dies kann z.B. die Zusammenfassung von Projektdaten oder den aktuellen Status von Aufgaben umfassen.
Berichte: Nutzen Sie den InfoList Block, um Berichte zu erstellen, die eine detaillierte Ansicht einzelner Datensätze bieten. Dies hilft dabei, tiefere Einblicke zu gewähren, ohne die Daten bearbeiten zu können.
Detaillierte Anleitung zur Nutzung
Schritt 1: Hinzufügen des InfoList Blocks Wählen Sie im Frontly-Editor den InfoList Block aus und ziehen Sie ihn an die gewünschte Stelle auf Ihrer Seite. Verbinden Sie den Block mit der Tabelle, deren Daten angezeigt werden sollen.
Schritt 2: Festlegen der Zeilen-ID Geben Sie die Zeilen-ID an, um den spezifischen Datensatz auszuwählen, der angezeigt werden soll. Nutzen Sie dynamische Variablen, um die Zeilen-ID automatisch zu bestimmen.
Schritt 3: Anpassen der Felder Passen Sie die Felder an, die im InfoList Block angezeigt werden sollen. Ändern Sie die Reihenfolge und den Typ der Felder nach Bedarf, um die Daten optimal darzustellen.
Schritt 4: Testen und Veröffentlichen Überprüfen Sie die Funktionalität in der Vorschau Ihrer App und stellen Sie sicher, dass alle Einstellungen korrekt sind. Veröffentlichen Sie die Änderungen, wenn alles wie gewünscht funktioniert.
Fazit
Der InfoList Block ist ein äußerst nützliches Werkzeug in Frontly, das eine klare und detaillierte Anzeige von spezifischen Datensätzen ermöglicht. Durch seine Anpassungsfähigkeit und die Möglichkeit, verschiedene Datenformate darzustellen, bietet der InfoList Block eine effiziente Lösung zur Datenvisualisierung.
Weitere Informationen finden Sie auf der Frontly Hilfeseite.