Wie erstellt man ein Dialogfenster (Popup) mit PowerApps?

powerapps popup

Sobald du die erste Löschfunktion anbietest, möchtest du vielleicht ein „Bist du sicher?“-Dialog nutzen. Diese Anleitung zeigt dir, wie du einen modalen Bestätigungsdialog mit PowerApps erstellst. Wir werden keinen hübschen Dialog erstellen. Dies ist ein Beispiel, um den Ansatz zu vermitteln. Du kannst den Dialog nach deinen Bedürfnissen gestalten.

Hier ist das Endergebnis dieses Tutorials:

powerapps are you sure popup
  1. Erstelle einen neuen Bildschirm mit einem Button und setze bei „OnSelect“ die Formel ‚UpdateContext({showPopup: true})‘.

    powerapps show popup button

    Button um das Dialogfenster anzuzeigen

  2. Füge einen Container ein, um alle Inhalte des Popups vom Hauptbildschirm getrennt zu halten.

    powerapps insert container

    Container hinzufügen

  3. Ziehen den Container über den ganzen Bildschirm, um die Steuerelemente des Hauptbildschirms nicht erreichbar zu machen.

    powerapps make container fullscreen

    Maximiere Group Container

  4. Stelle etwas Transparenz für die Hintergrundfarbe des Containers ein.

    powerapps set container background color

    Hintergrundfarbe vom Group Container

  5. Füge ein Rechteck, zwei Buttons und ein Label zum Container hinzu.

    powerapps are you sure dialog

    Dialogfenster

  6. Setze die „OnSelect“-Eigenschaft des „Yes“-Buttons auf ‚Notify(„Yes“); UpdateContext({showPopup: false})‘.

    powerapps yes button

    ‚OnSelect‘ Eigenschaft vom ‚Yes‘ Button

  7. Setze die „OnSelect“-Eigenschaft des „No“-Buttons auf ‚Notify(„No“); UpdateContext({showPopup: false})‘.

    powerapps no button

    ‚OnSelect‘ Eigenschaft vom ‚No‘ Button

  8. Setze die „Visible“-Eigenschaft des Containers auf ’showPopup‘.

    powerapps show container

    ‚Visible‘ Eigenschaft vom Group Container

  9. Stelle sicher, dass dein Popup-Container vorne liegt. Reihenfolge anpassen, falls nötig.

    powerapps container reorder

    Popup vorne anordnen

Fertig! Starte die App und sieh dir dein Popup in Aktion an!

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert