Power Apps-Popup-Formulare für interaktive Benutzererfahrung

In diesem Tutorial zeige ich Ihnen, wie Sie ein Power Apps-Popup-Formular erstellen und wie Sie damit eine individuellere und interaktivere Benutzererfahrung bieten können. Das vollständige Video dieses Tutorials können Sie unten in diesem Blog ansehen.

Form Power Apps- Popups sind sehr leistungsstarke Tools, mit denen Sie Ihren Benutzern ein individuelles Erlebnis bieten und es ihnen ermöglichen, etwas, das sie gerade tun, in einer zugrunde liegenden Datenbank zu validieren.

Wenn Sie beispielsweise zu Ihrem iPhone gehen und versuchen, eine Anwendung zu löschen, werden Sie gefragt, ob Sie diese wirklich löschen möchten. Der Grund hierfür besteht darin, eine sehr gute Benutzeroberfläche zu erstellen, die Validierungsschritte enthält, um sicherzustellen, dass Sie die Aktion ausführen möchten, die Sie ausführen möchten.

Wir werden dasselbe innerhalb von Power Apps tun. Dies ist in Power Apps nativ etwas schwierig, da Power Apps so funktioniert, dass Elemente auf einem Bildschirm angezeigt werden. Es ist nicht möglich, einen Bildschirm über einen anderen Bildschirm zu legen. Wir verwenden also eine Gruppierungsmethode, um das irgendwie nachzuahmen. Wir gehen nun auf Power Apps ein und zeigen Ihnen, wie es geht.

Inhaltsverzeichnis

• So erstellen Sie ein Power Apps-Popup-Fenster
• Abschluss

So erstellen Sie ein Power Apps-Popup-Fenster

Kommen wir zum Power Apps Editor. In diesem Beispiel bin ich gerade dabei, eine Spesenabrechnungsanwendung für mein Unternehmen zu erstellen. Auf der linken Seite des Bildschirms habe ich eine Galerie aller meiner Ausgaben. Ich kann auf eine Ausgabe klicken und auf der rechten Seite weitere Informationen zu dieser Ausgabe erhalten.

Wir können weitere Informationen zu dieser Spesenabrechnung sehen, z. B. die Beschreibung, den Betrag, die Kategorie, den Status usw.

Darüber hinaus kann ich auf „Bearbeiten“ klicken und unten befindet sich ein Papierkorbsymbol, mit dem ich diesen Datensatz ebenfalls löschen kann.

Jetzt möchte ich ein Formular-Popup erstellen, sodass, wenn ein Benutzer hineingeht und einen Datensatz löscht, ein Meldungsfeld erscheint, das bestätigt, ob der Benutzer den Datensatz tatsächlich löschen möchte oder nicht.

Als Erstes füge ich ein Rechteck hinzu, das den gesamten Bildschirm abdeckt. Es sieht so aus, als wäre der Bildschirm ein wenig verblasst, nur um das Erscheinungsbild mehrerer übereinander liegender Bildschirme widerzuspiegeln.

Also gehe ich zu „Einfügen “, dann zu „Symbole“ und ganz nach unten zu „Rechteck“. Ich stelle sicher, dass das Rechteck den gesamten Bildschirm abdeckt.

Als nächstes werde ich die Farbe dieser Form in Dunkelgrau ändern. Dann gehe ich zur Fill -Eigenschaft dieses Rechtecks. Wir haben Rot, Grün und Blau, aber wir haben auch den Alpha-Wert, der die Opazität oder Transparenz darstellt. Wir stellen die Transparenz auf 0,7 ein, sodass es aussieht, als wäre es etwas verblasst.

Als nächstes fügen wir ein weiteres Rechteck hinzu, das unser Popup-Feld sein wird. Anschließend fügen wir eine Beschriftung hinzu, die eine Art Warnung für den Benutzer darstellt. Wir können die Farben ändern und die Schriftgröße anpassen.

Jetzt möchten wir dem Benutzer den Datensatz zeigen, den er tatsächlich löschen wird. Wir benötigen also Werte wie den Namen, den Betrag und wahrscheinlich die Kategorie der Spesenabrechnung, die gelöscht werden soll.

Gehen wir dazu zurück zu unserem Etikett und fügen den Namen, die Menge und die Kategorie hinzu. Der Datensatz, den wir anzeigen möchten, basiert auf dem Datensatz, der in der zugrunde liegenden Galerie ausgewählt wurde. Die zugrunde liegende Galerie heißt hier Galerie 1 . Der Name des Elements, das in der ersten Galerie ausgewählt wurde, lautet also einfach Gallery1.Selected.Title . Der Betrag ist Gallery1.Selected.Amount und für die Kategorie Gallery1.Selected.Status.Value

Anschließend fügen wir zwei Schaltflächen hinzu. Eine Schaltfläche ist im Grunde „Löschen“ und die andere ist nur „Zurück“ . Wir werden auch die Farbe und Größe anpassen.

Jetzt müssen wir sicherstellen, dass beim Klicken auf das Müll- oder Papierkorbsymbol der Datensatz nicht gelöscht wird, sondern dieses Popup-Fenster angezeigt wird. Um dies zu erreichen, markieren wir alle Dinge in unserem Popup-Fenster, klicken mit der rechten Maustaste und wählen Gruppe aus .

Das ist eines der großartigen Dinge an Power Apps. Es ermöglicht uns, Elemente zu gruppieren. Damit wurde eine Gruppe namens Group1 erstellt .

Das Schöne daran ist, dass sich eine Änderung der Eigenschaft einer Gruppe, beispielsweise der Sichtbarkeit, auf alle anderen Eigenschaften auswirkt. Es ist sehr schön, so etwas zu haben, bei dem alles zusammenpasst. Es ist großartig, sie zu gruppieren, da wir alle Eigenschaften dieser Elemente gleichzeitig steuern können.

Wenn wir zum Beispiel die Sichtbarkeit all dieser Eigenschaften steuern und sie vorerst auf „falsch“ setzen möchten, verschwindet sie.

Versuchen wir nun, das Müllsymbol auszuwählen. Wenn es ausgewählt ist, werden alle diese Funktionen ausgeführt, und diese Funktionen stellen im Wesentlichen sicher, dass der Datensatz gelöscht wurde. Aber das wollen wir nicht. Also kopieren wir das vorerst und legen es in einen leeren Notizblock, damit es irgendwo gespeichert wird. Dies ist die eigentliche Funktion, die wir zum Löschen des Datensatzes erstellt haben, und wir werden ihn einfach löschen.

Und jetzt erstellen wir eine neue Variable, die steuert, wann das Formular tatsächlich angezeigt wird. Nennen wir diese Variable die Set-Funktion. Benennen wir unsere Variable „ ConfirmPopUp“ und setzen diesen auf „true“.

Anschließend wählen wir die Gruppe aus und setzen die Sichtbarkeitseigenschaft auf diese Variable, also „ConfirmPopUp“. Da es auf true gesetzt ist, sehen wir alles.

Als Nächstes klicken wir auf „Zurück“. Mit dem Klicken darauf wird eine Aktion verknüpft. Wenn jemand das auswählt, möchten wir, dass die Sichtbarkeit von Gruppe1 falsch ist.

Als nächstes müssen wir die OnSelect-Aktion der Schaltfläche „Löschen“ ändern, um die Funktionen auszuführen, die wir im Notizblock gespeichert haben.

Das Letzte, was wir tun müssen, ist, dass wir auch das Popup entfernen möchten, nachdem jemand auf die Schaltfläche „Löschen“ geklickt hat. Daher werden wir eine weitere Aktion hinzufügen und die Variable „ConfirmPopUp“ auf „false“ setzen. Und so würden Sie Pop-ups in Power Apps verwenden.

Microsoft Power Apps: Elemente gruppieren
Power Apps-Umgebungen: App-Elemente richtig einrichten
Power Apps: Erste Schritte mit diesem revolutionären Tool

Abschluss

Ein Grund für die Verwendung von Power Apps-Popups besteht darin, Ihren Benutzern ein individuelles Erlebnis zu bieten. Eine andere Möglichkeit besteht darin, auch für Ihre Benutzer eine Art Validierung zu erstellen, da dies für Ihre Benutzer von Vorteil ist.

Es geht darum, eine Benutzeroberfläche für Ihre Benutzer zu erstellen, damit diese nicht zur zugrunde liegenden SharePoint-Liste oder -Datenbank gehen und sich mit dem Bearbeiten und Löschen bestimmter Dinge verwirren müssen. Sie können dies sicher über eine Benutzeroberfläche tun, die Sie für sie erstellt haben, sodass sie nichts vermasseln. Formular-Popups sind ein leistungsstarkes Werkzeug, um dies zu erreichen.

Lassen Sie mich wissen, wenn Sie Fragen haben, und hinterlassen Sie Kommentare im Kommentarbereich unten.

Alles Gute!

Henry