Der Layout Block in Frontly bietet eine flexible Möglichkeit, den Inhalt Ihrer Seiten zu organisieren. Obwohl dieser Block mittlerweile durch die vielseitigeren Row und Column Blocks ersetzt wurde, bleibt er für bestehende Seiten, die weiterhin auf ihn angewiesen sind, verfügbar. Der Layout Block ermöglicht es Ihnen, Blöcke in vordefinierten Layouts anzuordnen, wodurch eine saubere und fokussierte Gestaltung Ihrer Seite erreicht wird.
Hauptmerkmale
1. Vordefinierte Layouts: Sie können aus verschiedenen vordefinierten Layouts wählen, um die Position Ihrer Blöcke festzulegen. Diese Layouts helfen dabei, den Inhalt Ihrer Seite strukturiert und visuell ansprechend zu organisieren.
2. Hinzufügen und Anordnen von Blöcken: Nach Auswahl eines Layouts können Sie neue Blöcke hinzufügen, indem Sie auf die freien Slots im Layout klicken. Diese Slots können mit jedem Block aus dem Blockmenü gefüllt werden. Sie können auch vorhandene Blöcke in das Layout einfügen und bei Bedarf wieder entfernen, ohne den Block zu löschen.
3. Verschachtelte Layouts: Es ist möglich, Layout Blocks innerhalb anderer Layout Blocks zu verschachteln, um komplexere Organisationsstrukturen zu schaffen. Dies sollte jedoch mit Vorsicht erfolgen, um übermäßige Unordnung und unerwünschte Benutzeroberflächenprobleme zu vermeiden.
4. Anpassungsoptionen: Der Layout Block bietet grundlegende Anpassungsoptionen, einschließlich der Möglichkeit, den Hintergrund und den Abstand zwischen den Blöcken anzupassen. Dies hilft, die visuelle Klarheit und das Design Ihrer Seite zu verbessern.
Anwendungsbeispiele
Dashboard-Erstellung: Verwenden Sie den Layout Block, um verschiedene Dashboard-Komponenten wie Diagramme, Tabellen und Info-Listen in einem übersichtlichen Layout anzuordnen. Dies ermöglicht eine klare Darstellung von Daten und Kennzahlen auf einer einzigen Seite.
Formulare und Eingaben: Organisieren Sie Formulare und Benutzereingabefelder, um sicherzustellen, dass die Benutzer einfach navigieren und die benötigten Informationen effizient eingeben können.
Informationsseiten: Erstellen Sie ansprechende Informationsseiten, indem Sie Text-, Bild- und Icon-Blöcke in einem strukturierten Layout anordnen. Dies verbessert die Lesbarkeit und das allgemeine Benutzererlebnis.
Detaillierte Anleitung zur Nutzung
Schritt 1: Hinzufügen des Layout Blocks Wählen Sie im Frontly-Editor den Layout Block aus und ziehen Sie ihn an die gewünschte Stelle auf Ihrer Seite. Wählen Sie aus den vordefinierten Layouts, um die Grundstruktur festzulegen.
Schritt 2: Hinzufügen und Anpassen von Blöcken Klicken Sie auf die freien Slots im Layout, um neue Blöcke hinzuzufügen. Passen Sie die Blöcke nach Bedarf an und ordnen Sie sie so an, dass sie Ihre Inhalte optimal darstellen.
Schritt 3: Verschachteln von Layouts Falls erforderlich, können Sie Layout Blocks innerhalb anderer Layout Blocks verschachteln, um komplexere Strukturen zu erstellen. Achten Sie darauf, dass die Benutzerfreundlichkeit nicht beeinträchtigt wird.
Schritt 4: Testen und Veröffentlichen Überprüfen Sie das Layout in der Vorschau Ihrer App, um sicherzustellen, dass alle Blöcke korrekt angezeigt werden und die Seite gut strukturiert ist. Veröffentlichen Sie die Änderungen, wenn alles wie gewünscht funktioniert.
Fazit
Der Layout Block in Frontly ist ein nützliches Werkzeug, um die Inhalte Ihrer Seiten übersichtlich und ansprechend zu organisieren. Obwohl er durch die flexibleren Row und Column Blocks ersetzt wurde, bleibt er eine wertvolle Option für bestehende Seiten und einfache Layoutanforderungen.
Weitere Informationen finden Sie auf der Frontly Hilfeseite.