Ausgangslage ist im folgenden Beispiel eine App, die beim Starten den Benutzer auffordert, sich z.B. Richtlinien per Link durchzulesen und diese zu bestätigen, bevor sie weiter genutzt werden kann.
Eine ähnliche Fenster Popup-Technik habe ich in einem etwas anderen Kontext beschrieben, nämlich beim Klick auf eine Schaltfläche, hierzu der Link: ppedv Team Blog | Power Apps – Canvas App mit Popup Fenster
Schritte und Vorgehensweise
1. App erstellen mit entsprechenden Bildschirmen
2. Steuerelemente erstellen und konfigurieren
3. App testen
Schritt 1:
In der App befindet sich ein Container mit zwei Steuerelementen:
- HTMLText
- Schaltfläche (AGB bestätigt)
Ebenso befindet sich auf diesem Bildschirm, verdeckt durch das sog. Popup-Fenster das Steuerelement „Schaltfläche“, die erst nach Bestätigung angezeigt wird, um die Arbeit mit der App zu starten, hierzu ist die Popup Fenster-Bestätigung erforderlich.
Wenn die App gestartet wird, müssen also die Richtlinien gelesen werden per Klick auf den Link, ebenso nach der Rückkehr zur App dann per Klick auf „AGB bestätigt“ um fortzufahren.
Nach dem Klick verschwindet das Popupfenster und der verdeckte Button erscheint erst dann.
Schritt 2:
Auf dem Bildschirm befindet sich ein Container mit den o.g. Steuerelementen. Diese wurden folgendermaßen konfiguriert:
Schaltfläche „AGB bestätigt“:
Eigenschaft OnSelect: UpdateContext({varAGBok:false})
- Hier wird eine Kontext-Variable verwendet, die dafür sorgt, dass beim Klick darauf, eine Variable „varAGBok“ auf „false“ gesetzt wird und somit das Fenster geschlossen wird.
Container:
Eigenschaft Visible: varAGBok
- Die Variable steuert die Sichtbarkeit des Containers
HTMLText-Steuerelement:
Eiegenschaft HTMLText:
"Bitte auf " & "<a href='"
& "https://www.ard.de"
& "'>Link</a>"
& " klicken und die Richtlinien bestätigen"
- Mit dieser Syntax wird, der im o.g. Screenshot abgebildete Text inkl. Link erstellt.
Bildschirm:
Eigenschaft OnVisible: UpdateContext({varAGBok:true})
- Über die Variable wird das Verhalten bestimmt, dass beim Aufruf des Bildschirms das Popup erscheint.
Erklärung der Funktionsweise:
Wird die App gestartet, erscheint sofort das Popup-Fenster (Container), da mittels der Kontext-Variable beim Start (OnVisible) die Variable den Wert „true“ zugewiesen bekommt, somit das Popup-Fester zu sehen ist. Hier soll nun der Benutzer den Link klicken, sich die Richtlinien durchlasen und in der App dies bestätigen.
Nach dem Klick auf die Schaltfläche „AGB bestätigt“ wird die gleiche Variable auf „false“ verändert, was dazu führt, dass das Fenster (Container) nicht mehr sichtbar ist, da dessen Eigenschaft „Visible“ per Variable den Wert „false“ übergibt und es damit unsichtbar macht.
Auf dem Bildschirm ist nun die Schaltfläche (Start) sichtbar, damit lässt sich alles weitere unternehmen.