Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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 .

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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“.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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.

Power Apps-Popup-Formulare für interaktive Benutzererfahrung

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


Streudiagramm-Visualisierungen mit Charticulator

Streudiagramm-Visualisierungen mit Charticulator

In diesem Tutorial erfahren Sie, wie Sie mit Charticulator eine Streudiagramm-Visualisierung für Ihren LuckyTemplates-Bericht erstellen und entwerfen.

PowerApps-Suchfeld: So fügen Sie es hinzu und passen es an

PowerApps-Suchfeld: So fügen Sie es hinzu und passen es an

Erfahren Sie, wie Sie ein PowerApps-Suchfeld von Grund auf erstellen und es an das Gesamtthema Ihrer App anpassen.

Power Automate String-Funktionen: Substring und IndexOf

Power Automate String-Funktionen: Substring und IndexOf

Erlernen Sie ganz einfach zwei komplizierte Power Automate String-Funktionen, die in Microsoft Flows verwendet werden können – die Funktionen substring und indexOf.

Power Query M: Abwechselndes 0-1-Muster in der Datumstabelle

Power Query M: Abwechselndes 0-1-Muster in der Datumstabelle

Dieses Tutorial konzentriert sich auf die Power Query M-Funktion „number.mod“, um ein abwechselndes 0-1-Muster in der Datumstabelle zu erstellen.

Prognosetechnik: Erkundung der Prognoselogik in LuckyTemplates-Modellen

Prognosetechnik: Erkundung der Prognoselogik in LuckyTemplates-Modellen

In diesem Tutorial führe ich eine Prognosetechnik durch, bei der ich meine tatsächlichen Ergebnisse mit meinen Prognosen vergleiche und sie kumulativ betrachte.

Speichern Sie E-Mail-Anhänge in SharePoint mit Power Automate

Speichern Sie E-Mail-Anhänge in SharePoint mit Power Automate

In diesem Blog erfahren Sie, wie Sie mit Power Automate E-Mail-Anhänge automatisch in SharePoint speichern und E-Mails anschließend löschen.

Führen Sie eine Bis-Loop-Steuerung in Power Automate durch

Führen Sie eine Bis-Loop-Steuerung in Power Automate durch

Erfahren Sie, wie die Do Until Schleifensteuerung in Power Automate funktioniert und welche Schritte zur Implementierung erforderlich sind.

Berechnen eines gleitenden Durchschnitts in LuckyTemplates mithilfe von DAX

Berechnen eines gleitenden Durchschnitts in LuckyTemplates mithilfe von DAX

In diesem Tutorial erfahren Sie, wie Sie mithilfe der ALLSELECTED-Funktion einen dynamischen gleitenden Durchschnitt in LuckyTemplates berechnen können.

Berechnen Sie dynamisch eine laufende oder kumulative LuckyTemplates-Summe

Berechnen Sie dynamisch eine laufende oder kumulative LuckyTemplates-Summe

Durch diesen Artikel erhalten wir ein klares und besseres Verständnis für die dynamische Berechnung einer laufenden oder kumulativen Gesamtsumme in LuckyTemplates.

Power Automate auf jede Aktion in Workflows anwenden

Power Automate auf jede Aktion in Workflows anwenden

Erfahren und verstehen Sie die Bedeutung und ordnungsgemäße Verwendung der Power Automate-Aktionssteuerung „Auf jede anwenden“ in unseren Microsoft-Workflows.