Die Row & Column Blocks in Frontly sind grundlegende Layout-Tools, die Ihnen helfen, Inhalte auf Ihrer Seite horizontal (Reihen) und vertikal (Spalten) zu organisieren. Diese Blöcke sind besonders nützlich, um responsive und strukturierte Layouts zu erstellen, die flexibel und benutzerfreundlich sind.
Hauptmerkmale
1. Horizontale und vertikale Anordnung: Mit Row Blocks können Sie Inhalte horizontal anordnen, während Column Blocks vertikale Anordnungen ermöglichen. Diese Blöcke fungieren als Container, in denen Sie andere Blöcke platzieren können, um ein übersichtliches Layout zu schaffen.
2. Flexibilität und Anpassungsfähigkeit: Sie können Row und Column Blocks verschachteln, um komplexere Layouts zu erstellen. Dies bietet Ihnen die Möglichkeit, unterschiedliche Layouts innerhalb einer Seite zu kombinieren und anzupassen, um die bestmögliche Benutzererfahrung zu gewährleisten.
3. Anpassbare Stile: Die Row & Column Blocks bieten verschiedene Anpassungsoptionen, einschließlich Hintergrundfarben, Bilder, Abstände zwischen den Elementen und Ausrichtung. Sie können die Ausrichtung horizontal (links, rechts, zentriert) und vertikal (oben, unten, mittig) anpassen, um das Layout optimal an die Anforderungen Ihrer Seite anzupassen.
4. Responsivität: Durch das Aktivieren der Option "Allow Row Wrapping" können Sie sicherstellen, dass Inhalte innerhalb von Row Blocks auf verschiedenen Bildschirmgrößen gut aussehen. Elemente, die normalerweise in einer Reihe angezeigt werden, werden automatisch umbrochen, wenn sie nicht in die Breite des Bildschirms passen.
Anwendungsbeispiele
Dashboard-Layout: Organisieren Sie verschiedene Dashboard-Komponenten wie Diagramme, Tabellen und Info-Listen in Reihen und Spalten, um eine übersichtliche und zugängliche Benutzeroberfläche zu schaffen.
Formularerstellung: Nutzen Sie Row und Column Blocks, um Formularfelder strukturiert anzuordnen und sicherzustellen, dass die Benutzer die benötigten Informationen leicht finden und eingeben können.
Produktseiten: Erstellen Sie ansprechende Produktseiten, indem Sie Bilder, Beschreibungen und Call-to-Action-Elemente in einem klar strukturierten Layout anordnen.
Detaillierte Anleitung zur Nutzung
Schritt 1: Hinzufügen eines Row oder Column Blocks Wählen Sie im Frontly-Editor den gewünschten Block aus und ziehen Sie ihn an die gewünschte Stelle auf Ihrer Seite.
Schritt 2: Platzieren von Inhalten Fügen Sie die gewünschten Inhalte in die Row oder Column Blocks ein, indem Sie andere Blöcke in die Container ziehen.
Schritt 3: Anpassung der Stile Nutzen Sie die Stiloptionen, um Hintergründe, Abstände und Ausrichtungen anzupassen, um das gewünschte Layout zu erzielen.
Schritt 4: Vorschau und Veröffentlichung Überprüfen Sie das Layout in der Vorschau Ihrer App und stellen Sie sicher, dass alle Inhalte wie gewünscht angezeigt werden. Veröffentlichen Sie Ihre Änderungen, wenn alles korrekt ist.
Fazit
Row & Column Blocks sind ein unverzichtbares Werkzeug in Frontly, um flexible und responsive Layouts zu erstellen. Durch ihre Anpassungsfähigkeit und die Möglichkeit zur Verschachtelung bieten sie eine leistungsstarke Lösung zur Organisation von Inhalten auf Ihrer Seite.
Weitere Informationen finden Sie auf der Frontly Hilfeseite.