Der Full Screen Form Block in Frontly bietet eine umfassende Alternative zum standardmäßigen Form Block. Diese Funktion ermöglicht es, Formulare zu erstellen, die den gesamten Bildschirm einnehmen, wodurch ein schlankes und minimalistisches Interface geschaffen wird. Dies verbessert die Benutzerfreundlichkeit und ist besonders geeignet für Apps, die eine intensive Benutzerinteraktion erfordern.
Hauptmerkmale
1. Ganzseitige Darstellung: Full Screen Forms nehmen den gesamten Bildschirm ein und bieten eine nahtlose Benutzererfahrung. Diese Formulare sind ideal für wichtige Eingaben oder Umfragen, die die volle Aufmerksamkeit des Benutzers erfordern.
2. Anpassbare Felder: Jedes Feld innerhalb des Formulars kann individuell angepasst werden. Sie können verschiedene Feldtypen wie Textfelder, Optionsfelder, Textbereiche, Datumsauswahl, Bild- und Dateiuploads hinzufügen. Jedes Feld erhält eine eindeutige Feld-ID, die für dynamische Datenquellen wie lokale Zustände oder URL-Parameter verwendet werden kann.
3. URL und Zugriffssteuerung: Der URL des Formulars kann angepasst werden, um eine einfache Zugänglichkeit innerhalb Ihrer App zu gewährleisten. Zudem können Sie festlegen, ob ein Benutzer eingeloggt sein muss, um auf das Formular zuzugreifen, und unter welchen Bedingungen das Formular angezeigt wird.
4. Aktionen bei Absenden: Sie können benutzerdefinierte Aktionen definieren, die ausgelöst werden, wenn das Formular abgesendet wird. Dies kann das Navigieren zu einer anderen Seite, das Speichern der Eingaben in einer Google-Tabelle oder das Aktualisieren lokaler Zustände umfassen. Solche Aktionen ermöglichen eine flexible und angepasste Benutzerinteraktion.
Anwendungsbeispiele
Benutzer-Onboarding: Verwenden Sie Full Screen Forms, um neue Benutzer durch den Anmelde- und Registrierungsprozess zu führen. Durch die ganzseitige Darstellung wird sichergestellt, dass der Benutzer alle erforderlichen Informationen eingibt.
Umfragen und Feedback: Sammeln Sie detailliertes Benutzerfeedback oder führen Sie Umfragen durch, um wertvolle Einblicke zu gewinnen. Die klare und fokussierte Darstellung erhöht die Wahrscheinlichkeit, dass Benutzer das Formular vollständig ausfüllen.
Dateneingabe für komplexe Prozesse: Für Anwendungen, die detaillierte Dateneingaben erfordern, wie z.B. Bewerbungen oder Anträge, bieten Full Screen Forms eine organisierte und benutzerfreundliche Lösung.
Detaillierte Anleitung zur Nutzung
Schritt 1: Erstellen des Full Screen Forms Im Frontly-Editor können Sie einen Full Screen Form Block hinzufügen und benennen. Geben Sie dem Formular eine URL und legen Sie fest, wie es in Ihrer App zugänglich sein soll.
Schritt 2: Hinzufügen und Anpassen von Feldern Fügen Sie die erforderlichen Felder hinzu, indem Sie auf "Add Item" klicken. Passen Sie jedes Feld individuell an, indem Sie den Feldtyp und die Validierungsregeln festlegen.
Schritt 3: Festlegen von Zugriffsrechten Konfigurieren Sie die Zugangskontrollen, um sicherzustellen, dass nur berechtigte Benutzer auf das Formular zugreifen können. Verwenden Sie Anzeigebedingungen, um die Sichtbarkeit des Formulars basierend auf Benutzerrollen oder anderen Kriterien zu steuern.
Schritt 4: Konfigurieren von Absendeaktionen Definieren Sie die Aktionen, die nach dem Absenden des Formulars ausgeführt werden sollen. Dies kann das Speichern der Daten, das Navigieren zu einer anderen Seite oder das Aktualisieren von Zuständen umfassen.
Schritt 5: Testen und Veröffentlichen Überprüfen Sie die Funktionalität des Formulars in der Vorschau und stellen Sie sicher, dass alle Einstellungen korrekt sind. Veröffentlichen Sie die Änderungen, wenn alles wie gewünscht funktioniert.
Fazit
Full Screen Forms in Frontly bieten eine leistungsstarke Möglichkeit, umfangreiche und benutzerfreundliche Formulare zu erstellen. Durch ihre Anpassungsfähigkeit und die Möglichkeit, benutzerdefinierte Aktionen zu definieren, können Sie die Benutzerinteraktion in Ihrer App erheblich verbessern.
Weitere Informationen finden Sie auf der Frontly Hilfeseite.