Power Apps Pop Up-formularer til interaktiv brugeroplevelse

I denne vejledning vil jeg vise dig, hvordan du opretter en Power Apps-pop op-formular, og hvordan de kan tilbyde en mere tilpasset og interaktiv brugeroplevelse. Du kan se den fulde video af denne tutorial nederst på denne blog.

Formpop-ups er meget kraftfulde værktøjer til at give dine brugere en skræddersyet oplevelse og give dem mulighed for at validere noget, de er ved at gøre i en underliggende database.

For eksempel, hvis du går til din iPhone og prøver at slette en applikation, vil den spørge dig, om du er sikker på, at du vil slette den. Grunden til dette er at skabe en meget god brugergrænseflade, der indeholder valideringstrin for at sikre, at du vil udføre den handling, du vil gøre.

Vi kommer til at gøre det samme i Power Apps. Det er lidt svært at gøre i Power Apps indbygget, fordi den måde, Power Apps fungerer på, er, at du har elementer, der går på en skærm. Du kan ikke have en skærm oven på en anden skærm. Så det, vi gør, er, at vi bruger en grupperingsmetode til at efterligne det. Vi vil nu gå ind i Power Apps og vise dig, hvordan det gøres.

Indholdsfortegnelse

• Sådan opretter du en formular Power Apps Pop Up
• Konklusion

Sådan opretter du en formular Power Apps Pop Up

Lad os hoppe ind i Power Apps Editor. I dette eksempel er jeg i gang med at oprette en udgiftsrapporteringsapplikation til min virksomhed. I venstre side af skærmen har jeg et galleri med alle mine udgifter. Jeg kan klikke på en udgift og få mere information om den udgift i højre side.

Vi kan se flere oplysninger om den udgiftsrapport, såsom beskrivelsen, beløbet, kategorien, status og så videre og så videre.

Ud over dette kan jeg klikke på Rediger, og i bunden er der et skraldespandsikon, der gør det muligt for mig at slette denne post også.

Nu vil jeg oprette en formular, som pop op, så hvis en bruger går ind og sletter en post, er der en beskedboks, der vises for at bekræfte, om brugeren faktisk ønsker at slette posten eller ej.

Den første ting, jeg skal gøre, er at tilføje et rektangel, der dækker hele skærmen. Det vil se ud som om skærmen er en smule falmet bare for at spejle udseendet af en skærm oven på hinanden.

Så jeg går til, så går jeg over til Ikoner, og jeg går helt ned til bunden til Rektangel. Jeg vil sørge for, at rektanglet dækker hele skærmen.

Den næste ting, jeg skal gøre, er at ændre farven på denne form til mørkegrå. Så går jeg til Fill- egenskaben for dette rektangel. Vi har den røde, den grønne og den blå, men vi har også alfaværdien, som repræsenterer opaciteten eller gennemsigtigheden. Vi laver gennemsigtigheden 0.7, så det ser ud til, at det er lidt falmet.

Dernæst vil vi tilføje endnu et rektangel, som vil være vores pop op-boks. Derefter tilføjer vi en etiket, som er en slags advarsel til brugeren. Vi kan ændre farverne og justere skriftstørrelsen.

Nu vil vi vise brugeren den post, som de faktisk vil slette. Så vi vil have værdier, såsom navnet, beløbet og sandsynligvis kategorien af ​​udgiftsrapporten, som de er ved at slette.

For at gøre det, lad os gå tilbage til vores etiket, og vi tilføjer navnet, mængden og kategorien. Den post, vi ønsker at vise, er baseret på den post, der er valgt i det underliggende galleri. Det underliggende galleri her hedder Galleri 1 . Så navnet på det element, der er blevet valgt i galleri et, er simpelthen Gallery1.Selected.Title . Beløbet vil være Gallery1.Selected.Amount , og for kategorien vil det være Gallery1.Selected.Status.Value

Vi tilføjer derefter to knapper. Den ene knap vil grundlæggende være, og den anden vil være retfærdig. Vi justerer også farve og størrelse.

Nu skal vi sikre os, at når nogen klikker på skraldespandsikonet, sletter den ikke posten, men i stedet viser den denne pop op-boks. For at opnå det, vil vi fremhæve alle tingene i vores pop op-boks, højreklikke og vælge Grupper .

Dette er en af ​​de fantastiske ting ved Power Apps. Det giver os mulighed for at gruppere elementer sammen. Med det har den oprettet en gruppe kaldet Group1 .

Det gode ved dette er, at hvis du ændrer egenskaben for en gruppe, for eksempel synlighed, vil det påvirke alle de andre egenskaber. Det er meget rart at have sådan noget, der passer sammen. Det er fantastisk at gruppere dem, fordi vi kan kontrollere alle egenskaberne for disse elementer på én gang.

For eksempel vil vi kontrollere synligheden af ​​alle disse egenskaber og gøre dem "falske" for nu, det går væk.

Lad os nu prøve at vælge skraldeikonet, og som du kan se, når det er valgt, udfører det alle disse funktioner, og disse funktioner sørger grundlæggende for, at posten er blevet slettet. Men det ønsker vi ikke. Så vi kopierer dette indtil videre og lægger det i en tom notesblok, bare så det bliver gemt et sted. Dette er den faktiske funktion, som vi har oprettet for at slette posten, og vi vil simpelthen bare slette den.

Og nu vil vi oprette en ny variabel, der vil kontrollere, hvornår formularen faktisk dukker op. Lad os kalde denne variabel for sætfunktionen. Lad os navngive vores variabel, ConfirmPopUp , og vi vil sætte det til sandt.

Vi vil derefter vælge gruppen og indstille visibility-egenskaben til den variabel, som er ConfirmPopUp. Da det er sat til sandt, ser vi alt.

Den næste ting, vi skal gøre, er at klikke på Gå tilbage, og vi vil have en handling forbundet med at klikke på det. Når nogen vælger det, ønsker vi, at synligheden af ​​Group1 skal være falsk.

Dernæst skal vi ændre OnSelect-handlingen på Slet-knappen for at udføre de funktioner, vi gemte i notesblokken.

Den sidste ting, vi skal gøre, er, efter at nogen har klikket på knappen Slet, vil vi også gerne slippe af med pop op-vinduet. Så vi tilføjer en anden handling, og vi indstiller ConfirmPopUp-variablen til falsk. Og det er sådan, du ville bruge pop op-vinduer i Power Apps.

Konklusion

En grund til at bruge Power Apps pop-ups er at skabe en tilpasset oplevelse for dine brugere. En anden er at oprette en form for validering for dine brugere, fordi det er gavnligt for dine brugere.

Det handler om at lave en brugergrænseflade til dine brugere, så de ikke behøver at gå til det underliggendeeller database og bliver forvirret med at redigere og slette visse ting. De kan gøre det fra sikkerheden i en brugergrænseflade, som du har oprettet til dem, så de ikke ødelægger noget. Form pop-ups er et kraftfuldt værktøj til at opnå det.

Fortæl mig, hvis du har spørgsmål, og efterlad kommentarer i kommentarfeltet nedenfor.

Alt det bedste!

Henrik