Power Apps-pop-upformulieren voor een interactieve gebruikerservaring

In deze zelfstudie laat ik u zien hoe u een Power Apps-pop-upformulier maakt en hoe ze een meer aangepaste en interactieve gebruikerservaring kunnen bieden. Je kunt de volledige video van deze tutorial onderaan deze blog bekijken.

Formulier Power Apps- pop-ups zijn zeer krachtige hulpmiddelen waarmee u uw gebruikers een op maat gemaakte ervaring kunt bieden en waarmee ze iets kunnen valideren dat ze gaan doen in een onderliggende database.

Als u bijvoorbeeld naar uw iPhone gaat en een toepassing probeert te verwijderen, wordt u gevraagd of u zeker weet dat u deze wilt verwijderen. De reden hiervoor is om een ​​zeer goede gebruikersinterface te maken die validatiestappen bevat om ervoor te zorgen dat u de actie wilt uitvoeren die u gaat doen.

We gaan hetzelfde doen binnen Power Apps. Het is een beetje moeilijk om native in Power Apps te doen, omdat de manier waarop Power Apps werkt, is dat je elementen hebt die op een scherm verschijnen. U kunt geen scherm op een ander scherm plaatsen. Dus wat we doen, is dat we een groeperingsmethode gebruiken om dat een beetje na te bootsen. We gaan nu naar Power Apps en laten zien hoe het werkt.

Inhoudsopgave

• Een formulier maken Power Apps pop-up
• Conclusie

Een formulier maken Power Apps pop-up

Laten we naar de Power Apps-editor springen. In dit voorbeeld ben ik bezig met het maken van een onkostendeclaratietoepassing voor mijn bedrijf. Aan de linkerkant van het scherm heb ik een galerij met al mijn uitgaven. Ik kan op een uitgave klikken en aan de rechterkant meer informatie over die uitgave krijgen.

We kunnen meer informatie zien over die onkostendeclaratie, zoals de omschrijving, het bedrag, de categorie, de status, enzovoort, enzovoort.

Daarnaast kan ik op Bewerken klikken en onderaan is er een prullenbakpictogram waarmee ik dit record ook kan verwijderen.

Nu wil ik een pop-upformulier maken zodat als een gebruiker naar binnen gaat en een record verwijdert, er een berichtvenster verschijnt om te bevestigen of de gebruiker de record daadwerkelijk wil verwijderen of niet.

Het eerste wat ik ga doen is een rechthoek toevoegen die het hele scherm zal bedekken. Het lijkt erop dat het scherm een ​​beetje vervaagd is om het uiterlijk van een scherm op elkaar te spiegelen.

Dus ik ga naar Invoegen , dan ga ik naar Pictogrammen, en ik ga helemaal naar beneden naar Rechthoek. Ik zorg ervoor dat de rechthoek het hele scherm beslaat.

Het volgende dat ik ga doen is de kleur van deze vorm veranderen in donkergrijs. Dan ga ik naar de eigenschap Fill van deze rechthoek. We hebben de rode, de groene en de blauwe, maar we hebben ook de alpha-waarde, die de dekking of de transparantie vertegenwoordigt. We maken de transparantie 0,7, dus het lijkt alsof het een beetje vervaagd is.

Vervolgens voegen we nog een rechthoek toe, die onze pop-upbox wordt. Vervolgens voegen we een label toe, wat een soort waarschuwing is voor de gebruiker. We kunnen de kleuren wijzigen en de grootte van het lettertype aanpassen.

Nu willen we de gebruiker het record laten zien dat ze daadwerkelijk gaan verwijderen. We willen dus waarden, zoals de naam, het bedrag en waarschijnlijk de categorie van de onkostendeclaratie die ze gaan verwijderen.

Om dat te doen, gaan we terug naar ons label en voegen we de naam, het bedrag en de categorie toe. Het record dat we willen tonen is gebaseerd op het record dat is geselecteerd in de onderliggende galerij. De onderliggende galerij hier heet Galerij 1 . Dus de naam van het item dat is geselecteerd in galerij één is simpelweg Gallery1.Selected.Title . Het bedrag wordt Gallery1.Selected.Amount , en voor de categorie wordt het Gallery1.Selected.Status.Value

We voegen dan twee knoppen toe. De ene knop is in feite Verwijderen en de andere is gewoon Ga terug . Ook de kleur en maat passen we aan.

Nu moeten we ervoor zorgen dat wanneer iemand op het vuilnis- of prullenbakpictogram klikt, het record niet wordt verwijderd, maar in plaats daarvan dit pop-upvenster wordt weergegeven. Om dat te bereiken, zullen we alle dingen in ons pop-upvenster markeren, met de rechtermuisknop klikken en Groep selecteren .

Dit is een van de geweldige dingen van Power Apps. Het stelt ons in staat om elementen samen te groeperen. Daarmee heeft het een groep gemaakt met de naam Group1 .

Het leuke hiervan is dat als je de eigenschap van een groep wijzigt, bijvoorbeeld zichtbaarheid, dit gevolgen heeft voor alle andere eigenschappen. Het is heel leuk om zoiets te hebben dat allemaal bij elkaar past. Het is geweldig om ze te groeperen, omdat we alle eigenschappen van die elementen tegelijk kunnen beheren.

We willen bijvoorbeeld de zichtbaarheid van al deze eigenschappen controleren en ze voorlopig "onwaar" maken, het verdwijnt.

Laten we nu proberen het vuilnispictogram te selecteren, en zoals u kunt zien wanneer het is geselecteerd, doet het al deze functies, en deze functies zorgen er in feite voor dat het record is verwijderd. Maar dat willen we niet. Dus we kopiëren dit voorlopig en stoppen het in een leeg notitieblok, zodat het ergens wordt opgeslagen. Dit is de daadwerkelijke functie die we hebben gemaakt om het record te verwijderen en we zullen het gewoon verwijderen.

En nu gaan we een nieuwe variabele maken die bepaalt wanneer het formulier daadwerkelijk verschijnt. Laten we deze variabele de set-functie noemen. Laten we onze variabele een naam geven, ConfirmPopUp , en we zullen dat instellen op true.

Vervolgens selecteren we de groep en stellen we de eigenschap visibility in op die variabele, namelijk ConfirmPopUp. Omdat het is ingesteld op waar, zien we alles.

Het volgende dat we gaan doen, is op Go Back klikken, en we zullen een actie hebben die is gekoppeld aan het klikken daarop. Als iemand dat selecteert, willen we dat de zichtbaarheid van Groep1 onwaar is.

Vervolgens moeten we de actie OnSelect van de knop Verwijderen wijzigen om de functies uit te voeren die we in het kladblok hebben opgeslagen.

Het laatste wat we moeten doen, is nadat iemand op de knop Verwijderen heeft geklikt, we ook de pop-up willen verwijderen. We zullen dus nog een actie toevoegen en de variabele ConfirmPopUp instellen op false. En dat is hoe je pop-ups zou gebruiken binnen Power Apps.

Microsoft Power Apps: elementen samenvoegen
Power Apps-omgevingen: de app-elementen correct instellen
Power Apps: aan de slag met deze revolutionaire tool

Conclusie

Een van de redenen om Power Apps-pop-ups te gebruiken, is om een ​​aangepaste ervaring voor uw gebruikers te creëren. Een andere is om ook een soort validatie voor uw gebruikers te creëren, omdat dit voordelig is voor uw gebruikers.

Het draait allemaal om het maken van een gebruikersinterface voor uw gebruikers, zodat ze niet naar de onderliggende SharePoint-lijst of -database hoeven te gaan en in de war raken met het bewerken en verwijderen van bepaalde dingen. Ze kunnen het doen vanuit de veiligheid van een gebruikersinterface die u voor hen hebt gemaakt, zodat ze niets verknoeien. Formulierpop-ups zijn een krachtig hulpmiddel om dat te bereiken.

Laat het me weten als je vragen hebt en laat opmerkingen achter in het commentaargedeelte hieronder.

Al het beste!

Henry