Der Custom Block in Frontly ist eine leistungsstarke Funktion, mit der Sie benutzerdefinierte Blöcke erstellen und in Ihrer App wiederverwenden können. Diese Blöcke behalten alle ihre ursprünglichen Einstellungen, Aktionen, Detailansichten und Stile bei, was Ihnen erheblich Zeit und Mühe beim Aufbau Ihrer App spart.
Hauptmerkmale
-
Speichern und Hinzufügen von Custom Blocks:
Um einen benutzerdefinierten Block zu speichern, gehen Sie in die "Mehr"-Einstellungen des ausgewählten Blocks und klicken Sie auf die Schaltfläche "Als benutzerdefinierten Block speichern". Geben Sie dem Block einen Namen und eine Beschreibung, um ihn von anderen Blöcken zu unterscheiden. Zum Hinzufügen eines benutzerdefinierten Blocks klicken Sie im Block-Selektor auf die drei Punkte (...). Ihre gespeicherten benutzerdefinierten Blöcke erscheinen unten in der Liste. -
Layout Blöcke:
Sie können auch Layout-Blöcke (Reihen- und Spaltenblöcke) als benutzerdefinierte Blöcke speichern. Diese Blöcke dienen als Container, die mehrere Blöcke gleichzeitig speichern können, was komplexere Benutzeroberflächen ermöglicht. Beim Erstellen eines benutzerdefinierten Layout-Blocks werden alle Einstellungen, Stilkonfigurationen, Detailansichten, dynamischen Variablen und benutzerdefinierten Aktionen ebenfalls gespeichert. -
Unabhängigkeit von Originalblöcken:
Benutzerdefinierte Blöcke existieren unabhängig von ihren "Elternblöcken". Das bedeutet, dass Änderungen an einem benutzerdefinierten Block die ursprünglichen Blöcke nicht beeinflussen. -
Custom Block Editor:
Der Custom Block Editor ermöglicht es Ihnen, die Konfiguration Ihrer benutzerdefinierten Blöcke zu bearbeiten. Sie können den Namen und die Beschreibung des Blocks aktualisieren, die Anordnung der Blöcke innerhalb eines Layout-Blocks ändern und neue Blöcke hinzufügen. Änderungen an einem benutzerdefinierten Block im Editor beeinflussen nur neu erstellte Blöcke und nicht bereits vorhandene Kopien. -
Wiederverwendbare und wiederholbare Blöcke:
Für fortgeschrittene Benutzer gibt es die Option, benutzerdefinierte Blöcke als wiederverwendbar zu kennzeichnen. Wiederverwendbare Blöcke dienen als Vorlagen, die über verschiedene Seiten und sogar verschiedene Apps hinweg verwendet werden können. Änderungen an einem wiederverwendbaren Block im Custom Block Editor werden auf alle neuen und bestehenden Kopien des Blocks in Ihrer App angewendet. Sie können auch wiederholbare Blöcke erstellen, die dynamisch Daten aus einer Datenquelle abrufen und anzeigen können.
Anwendungsbeispiele
Benutzerdefinierte Formulare:
Erstellen Sie ein komplexes Formular mit mehreren Eingabefeldern, Auswahlmenüs und Schaltflächen. Speichern Sie dieses Formular als benutzerdefinierten Block und fügen Sie es bei Bedarf an verschiedenen Stellen Ihrer App wieder ein.
Dashboard-Komponenten:
Erstellen Sie ein Dashboard mit mehreren Diagrammen und Statistiken. Speichern Sie das gesamte Dashboard-Layout als benutzerdefinierten Block und verwenden Sie es in verschiedenen Projekten oder Seiten.
Wiederholbare Dateneinträge:
Erstellen Sie wiederholbare Blöcke, die Daten aus einer Tabelle abrufen und dynamisch anzeigen. Dies ist besonders nützlich für Listen von Produkten, Aufgaben oder Kontakten, die regelmäßig aktualisiert werden.
Detaillierte Anleitung zur Nutzung
Schritt 1: Speichern eines benutzerdefinierten Blocks
Wählen Sie im Editor den Block aus, den Sie speichern möchten. Gehen Sie zu den "Mehr"-Einstellungen und klicken Sie auf "Als benutzerdefinierten Block speichern". Geben Sie einen Namen und eine Beschreibung ein.
Schritt 2: Hinzufügen eines benutzerdefinierten Blocks
Klicken Sie im Block-Selektor auf die drei Punkte (...). Ihre benutzerdefinierten Blöcke erscheinen unten in der Liste. Wählen Sie den gewünschten Block aus und fügen Sie ihn zu Ihrer Seite hinzu.
Schritt 3: Bearbeiten eines benutzerdefinierten Blocks
Öffnen Sie den Custom Block Editor, um den Blocknamen, die Beschreibung und die Anordnung der Blöcke zu ändern. Fügen Sie bei Bedarf neue Blöcke hinzu oder ändern Sie bestehende Einstellungen.
Schritt 4: Wiederverwendbare und wiederholbare Blöcke
Markieren Sie einen benutzerdefinierten Block als wiederverwendbar und konfigurieren Sie die Eingabefelder und dynamischen Variablen. Aktivieren Sie die Wiederholungsfunktion, um Daten dynamisch aus einer Quelle abzurufen und anzuzeigen.
Fazit
Custom Blocks in Frontly bieten eine leistungsstarke und flexible Möglichkeit, komplexe und wiederverwendbare Komponenten für Ihre App zu erstellen. Durch das Speichern und Wiederverwenden dieser Blöcke sparen Sie Zeit und verbessern die Konsistenz Ihrer App.
Weitere Informationen finden Sie auf der Frontly Hilfeseite.