Seiten-Builder
Der Seiten-Builder ist das Herzstuck deiner App-Entwicklung. Mit ihm erstellst du komplette Seiten durch einfaches Drag & Drop - ganz ohne Programmierung.
Ubersicht
Section titled “Ubersicht”Der Seiten-Builder besteht aus zwei Hauptbereichen:
Seiten Studio
Section titled “Seiten Studio”Das Seiten Studio ist deine zentrale Schaltstelle fur alle Seiten deiner App.
Zugang
Section titled “Zugang”Du erreichst das Seiten Studio uber die App Builder Tools - tippe auf “Seiten” oder das entsprechende Icon in der Toolbar.
Perspektiven
Section titled “Perspektiven”Das Seiten Studio bietet drei verschiedene Ansichten fur deine Seiten:
Die Deck-Ansicht zeigt deine Seiten als gestapelte Karten. Perfekt um schnell durch deine Seiten zu blattern.
- Wische horizontal um zwischen Seiten zu wechseln
- Doppeltippe um eine Seite zu bearbeiten
- Die aktive Seite wird hervorgehoben
Die Masonry-Ansicht zeigt alle Seiten in einem responsiven Raster.
- Ubersichtliche Darstellung aller Seiten
- Schneller Zugriff auf einzelne Seiten
- Ideal fur Projekte mit vielen Seiten
Die Timeline-Ansicht zeigt deine Seiten chronologisch.
- Sortiert nach Erstellungs- oder Anderungsdatum
- Zeigt die Entwicklung deines Projekts
- Hilfreich um kurzlich bearbeitete Seiten zu finden
Seiten-Aktionen
Section titled “Seiten-Aktionen”Fur jede Seite stehen dir folgende Aktionen zur Verfugung:
| Aktion | Beschreibung |
|---|---|
| Bearbeiten | Offnet den Seiten-Editor fur diese Seite |
| Duplizieren | Erstellt eine Kopie der Seite |
| Aktiv/Inaktiv | Schaltet die Sichtbarkeit der Seite um |
| Loschen | Entfernt die Seite dauerhaft |
Neue Seite erstellen
Section titled “Neue Seite erstellen”- Tippe auf das + Symbol in der Toolbar
- Gib einen Namen fur die Seite ein (mehrsprachig moglich)
- Tippe auf “Erstellen”
- Der Seiten-Editor offnet sich automatisch
Seiten-Editor
Section titled “Seiten-Editor”Der Seiten-Editor ist der visuelle Editor fur einzelne Seiten. Hier fugst du Widgets hinzu, ordnest sie an und konfigurierst jeden Aspekt.
Hauptbereiche
Section titled “Hauptbereiche”Der Seiten-Editor besteht aus:
| Bereich | Funktion |
|---|---|
| Header | Seitenname, Zuruck-Button, Einstellungen |
| Canvas | Die Arbeitsflache mit allen Widgets |
| Toolbar | Werkzeuge zum Hinzufugen, Speichern, Vorschau |
Die Toolbar
Section titled “Die Toolbar”Die Toolbar am unteren Bildschirmrand bietet folgende Funktionen:
| Button | Funktion |
|---|---|
| + Widget | Offnet die Widget-Auswahl |
| Vorschau | Aktiviert den Vorschau-Modus |
| Ruckgangig | Macht die letzte Aktion ruckgangig |
| Wiederholen | Stellt eine ruckgangig gemachte Aktion wieder her |
| Speichern | Speichert alle Anderungen |
Widget hinzufugen
Section titled “Widget hinzufugen”- Tippe auf + Widget in der Toolbar
- Wahle eine Kategorie (Struktur, Inhalt, Aktion)
- Tippe auf das gewunschte Widget
- Das Widget wird am Ende der Seite eingefugt
Mehr Details zu allen Widgets findest du unter Widgets.
Widget bearbeiten
Section titled “Widget bearbeiten”Um ein Widget zu bearbeiten:
- Tippen auf das Widget wahlt es aus (blaue Umrandung)
- Doppeltippen offnet die Einstellungen
- Langes Drucken zeigt das Kontextmenu
Das Kontextmenu bietet:
| Option | Beschreibung |
|---|---|
| Einstellungen | Offnet den Einstellungs-Dialog |
| Duplizieren | Erstellt eine Kopie des Widgets |
| Loschen | Entfernt das Widget |
| In Row einfugen | Gruppiert Widgets nebeneinander |
| Aus Row entfernen | Lost die Gruppierung auf |
Widgets anordnen
Section titled “Widgets anordnen”Du kannst Widgets per Drag & Drop neu anordnen:
- Halte das Widget gedruckt
- Ziehe es an die gewunschte Position
- Lass los um es zu platzieren
Seiteneinstellungen
Section titled “Seiteneinstellungen”Uber das Zahnrad-Icon im Header erreichst du die Seiteneinstellungen:
Hintergrund
Section titled “Hintergrund”| Typ | Beschreibung |
|---|---|
| Farbe | Einfarbiger Hintergrund |
| Gradient | Farbverlauf mit zwei Farben und Winkel |
| Bild | Hintergrundbild mit Anpassungsoptionen |
Layout
Section titled “Layout”| Einstellung | Optionen |
|---|---|
| Layout-Typ | Vertikal (Standard), Grid |
| Spalten | Anzahl der Spalten bei Grid-Layout |
| Abstande | Abstande zwischen Widgets |
| Padding | Innenabstande der Seite (oben, rechts, unten, links) |
App Bar
Section titled “App Bar”| Einstellung | Beschreibung |
|---|---|
| Aktiviert | Zeigt/versteckt die App Bar |
| Titel | Der angezeigte Titel |
| Farbe | Hintergrundfarbe der App Bar |
Haufige Fragen
Section titled “Haufige Fragen”Wie erstelle ich ein mehrspaltes Layout?
Section titled “Wie erstelle ich ein mehrspaltes Layout?”Nutze das Row-System:
- Fuge mehrere Widgets hinzu
- Wahle ein Widget aus und wahle “In Row einfugen” im Kontextmenu
- Ziehe weitere Widgets in die Row
Mehr dazu unter Layouts.
Kann ich Widgets ineinander verschachteln?
Section titled “Kann ich Widgets ineinander verschachteln?”Ja! Du kannst Widgets in folgende Container ziehen:
- Cards - fur gruppierte Inhalte
- Tab Container - fur Inhalte pro Tab
- Accordion - fur Inhalte pro Panel
Die maximale Verschachtelungstiefe betragt 3 Ebenen.
Wie nutze ich den Dark Mode?
Section titled “Wie nutze ich den Dark Mode?”In den Widget-Einstellungen (Tab “Erweitert”) findest du einen Light/Dark Mode Toggle. Damit kannst du separate Farben fur beide Modi definieren.
Werden meine Anderungen automatisch gespeichert?
Section titled “Werden meine Anderungen automatisch gespeichert?”Wie kann ich eine Seite duplizieren?
Section titled “Wie kann ich eine Seite duplizieren?”Im Seiten Studio: Tippe auf das Menu-Icon (drei Punkte) bei der gewunschten Seite und wahle “Duplizieren”.