Formulare Aufteilen

Bearbeitungsformular auf mehrere Bildschirme aufteilen

Eine der größten Herausforderungen bei der Entwicklung von Apps ist es, eine benutzerfreundliche Oberfläche zu gestalten, die komplexe Prozesse intuitiv und effizient abbildet. Oftmals stoßen BenutzerInnen auf umfangreiche Bearbeitungsformulare, die überwältigend wirken und die Benutzererfahrung beeinträchtigen können.

Deshalb zeige ich dir heute, wie du Bearbeitungsformulare auf mehrere Bildschirme aufteilen kannst und so die Benutzererfahrung deiner Apps verbessern kannst.

Große Bearbeitungsformulare können BenutzerInnen einschüchtern und dazu führen, dass wichtige Informationen übersehen werden. Durch die Aufteilung auf mehrere Bildschirme legst du den Fokus auf bestimmte Abschnitte und die Informationen können besser verarbeitet werden. Dies führt zu einer verbesserten Benutzererfahrung und erhöht die Effizienz bei der Dateneingabe.

Schritt-für-Schritt-Anleitung:

Schritt 1: App vorbereiten

Starte mit einer App, die eine Galerie mit Daten aus einer Datenquelle (SharePoint Liste) enthält.

Wie du eine Galerie erstellst und diese mit SharePoint verbindest zeige ich in meinem Video

Formulare und Kataloge – Tutorial für Anfänger | Power Apps

Schritt 2: Bildschirm mit Bearbeitungsformular hinzufügen

Verwende die Strukturansicht, um einen neuen Bildschirm zu erstellen. Füge hier das Bearbeitungsformular entsprechend deiner Datenquelle ein.

Schritt 3: Bildschirm duplizieren

Den erstellten Bildschirm duplizierst du jetzt entsprechend der Seitenanzahl für dein aufgeteiltes Bearbeitungsformular.
In diesem Beispiel erstelle ich 3 Bildschirme.

Schritt 4: Bearbeitungsformulare anpassen

Jetzt musst du die Bearbeitungsformulare auf den jeweiligen Bildschirmen anpassen und die relevanten Formularfelder anzeigen. Den Formularen weist du nun eindeutige Bezeichnungen zu, um effizient darauf zugreifen zu können.

Formular Bildschirm Informationen:
frm_Informationen

Formular Bildschirm Zeitplan:
frm_Zeitplan

Formular Bildschirm Kosten:
frm_Kosten

Schritt 5: Navigation einrichten

Füge Schaltflächen und Icons auf den Bildschirmen hinzu, um die Navigation zwischen den Bildschirmen zu ermöglichen.

Home Icon:
OnSelect = Navigate(Scr_Übersicht;ScreenTransition.Fade)

Zurück Button:
OnSelect = Navigate(Scr_Eingabe1;ScreenTransition.Fade)

Weiter Button:
OnSelect = Navigate(Scr_Eingabe3;ScreenTransition.Fade)

Schritt 6: Dantevalidierung implementieren

Bei Bedarf kannst du auch eine Datenvalidierung hinzufügen. Wenn du dazu mehr erfahren möchtest, schaue dir gerne mein Video dazu an.

Video zur Datenvalidierung ansehen

Schritt 7: Daten speichern

Am letzten Bildschirm der Dateneingabe fügst du jetzt noch einen Button ein. Über diesen kannst du per Patch Funktion die eingegebenen Daten in der Datenquelle speichern.

Absenden Button:
OnSelect =

Schritt 8: Daten bearbeiten

Du kannst das aufgeteilte Formular auch dazu nutzen, um bestehende Datensätze zu bearbeiten. Dazu fügst du 2 globale Variablen ein, die den jeweiligen Formularen den Mode (Anzeigemodus) sowie die Daten des jeweiligen Datensatzes vorgeben.

Stift Icon:
OnSelect =

Ich hoffe dieses Tutorial hilft dir dabei, deine Apps benutzerfreundlicher und moderner zu gestalten.

Melde dich gerne für meinen Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps & Power Automate zusende.

Hier gehts zum Detailvideo: