Moduli pop-up di Power Apps per unesperienza utente interattiva

In questo tutorial, ti mostrerò come creare un modulo pop-up di Power Apps e come possono offrire un'esperienza utente più personalizzata e interattiva. Puoi guardare il video completo di questo tutorial in fondo a questo blog.

I popup di Form Power Apps sono strumenti molto potenti per fornire un'esperienza personalizzata agli utenti e consentire loro di convalidare qualcosa che stanno per eseguire in un database sottostante.

Ad esempio, se vai sul tuo iPhone e provi a eliminare un'applicazione, ti verrà chiesto se sei sicuro di volerla eliminare. La ragione di ciò è creare un'interfaccia utente molto buona che contenga passaggi di convalida per assicurarti di voler eseguire l'azione che intendi eseguire.

Faremo la stessa cosa in Power Apps. È un po' difficile da fare in Power Apps in modo nativo perché il modo in cui funziona Power Apps è che hai elementi che vanno su uno schermo. Non è possibile sovrapporre uno schermo a un altro schermo. Quindi, quello che facciamo è usare un metodo di raggruppamento per imitarlo. Ora entreremo in Power Apps e mostreremo come è fatto.

Sommario

• Come creare un modulo Power Apps pop-up
• Conclusione

Come creare un modulo Power Apps pop-up

Passiamo all'editor di Power Apps. In questo esempio, sto creando un'applicazione di rendicontazione spese per la mia azienda. Sul lato sinistro dello schermo, ho una galleria di tutte le mie spese. Posso fare clic su una spesa e ottenere maggiori informazioni su quella spesa sul lato destro.

Possiamo vedere più informazioni su quella nota spese, come la descrizione, l'importo, la categoria, lo stato e così via.

Oltre a questo, posso fare clic su Modifica e, in basso, c'è un'icona del cestino che mi consente di eliminare anche questo record.

Ora, voglio creare un modulo pop-up in modo che se un utente entra ed elimina un record, c'è una finestra di messaggio che appare per confermare se l'utente desidera effettivamente eliminare il record o meno.

La prima cosa che farò è aggiungere un rettangolo che coprirà l'intero schermo. Sembrerà che lo schermo sia un po' sbiadito solo per rispecchiare l'aspetto di uno schermo uno sopra l'altro.

Quindi, andrò su Insert , poi andrò su Icons e andrò fino in fondo a Rectangle. Mi assicurerò che il rettangolo copra l'intero schermo.

La prossima cosa che farò è cambiare il colore di questa forma in grigio scuro. Quindi andrò alla proprietà Fill di questo rettangolo. Abbiamo il rosso, il verde e il blu, ma abbiamo anche il valore alfa, che rappresenta l'opacità o la trasparenza. Renderemo la trasparenza 0.7, quindi sembrerà un po' sbiadita.

Successivamente, aggiungeremo un altro rettangolo, che sarà la nostra finestra pop-up. Quindi, aggiungeremo un'etichetta, che è una sorta di avviso per l'utente. Possiamo cambiare i colori e regolare la dimensione del carattere.

Ora, vogliamo mostrare all'utente il record che stanno effettivamente cancellando. Quindi, vogliamo valori, come il nome, l'importo e probabilmente la categoria della nota spese che stanno per eliminare.

Per farlo, torniamo nella nostra etichetta e aggiungeremo il nome, l'importo e la categoria. Il record che vogliamo mostrare è basato sul record che è stato selezionato nella galleria sottostante. La galleria sottostante è chiamata Galleria 1 . Quindi, il nome dell'elemento che è stato selezionato nella galleria uno è semplicemente Gallery1.Selected.Title . L'importo sarà Gallery1.Selected.Amount e, per la categoria, sarà Gallery1.Selected.Status.Value

Aggiungeremo quindi due pulsanti. Un pulsante sarà fondamentalmente Elimina e l'altro sarà solo Torna indietro . Regoleremo anche il colore e le dimensioni.

Ora, dobbiamo assicurarci che quando qualcuno fa clic sull'icona della spazzatura o del cestino, non elimini il record, ma mostri invece questa finestra popup. Per ottenere ciò, evidenzieremo tutte le cose nella nostra finestra pop-up, fare clic con il tasto destro e selezionare Gruppo .

Questa è una delle grandi cose di Power Apps. Ci permette di raggruppare gli elementi insieme. Con ciò, ha creato un gruppo chiamato Group1 .

La cosa bella di questo è che se modifichi la proprietà di un gruppo, ad esempio la visibilità, avrà un impatto su tutte le altre proprietà. È molto bello avere qualcosa di simile che si adatta tutti insieme. È fantastico raggrupparli perché possiamo controllare tutte le proprietà di quegli elementi contemporaneamente.

Ad esempio, vogliamo controllare la visibilità di tutte queste proprietà e renderle "false" per ora, va via.

Ora, proviamo a selezionare l'icona della spazzatura e, come puoi vedere quando è selezionata, svolge tutte queste funzioni e queste funzioni sostanzialmente assicurano che il record sia stato eliminato. Ma non lo vogliamo. Quindi, per ora lo copieremo e lo metteremo in un blocco note vuoto, solo per salvarlo da qualche parte. Questa è la funzione effettiva che abbiamo creato per eliminare il record e lo elimineremo semplicemente.

E ora creeremo una nuova variabile che controllerà quando il modulo si aprirà effettivamente. Chiamiamo questa variabile la funzione set. Diamo un nome alla nostra variabile, ConfirmPopUp , e la imposteremo su true.

Selezioneremo quindi il gruppo e imposteremo la proprietà di visibilità su quella variabile, che è ConfirmPopUp. Poiché è impostato su true, vediamo tutto.

La prossima cosa che faremo è fare clic su Torna indietro e avremo un'azione associata al clic. Quando qualcuno lo seleziona, vogliamo che la visibilità di Group1 sia falsa.

Successivamente, dobbiamo modificare l'azione OnSelect del pulsante Elimina per eseguire le funzioni che abbiamo salvato nel blocco note.

L'ultima cosa che dobbiamo fare è che dopo che qualcuno ha fatto clic sul pulsante Elimina, vogliamo anche eliminare il popup. Quindi, aggiungeremo un'altra azione e imposteremo la variabile ConfirmPopUp su false. Ed è così che useresti i popup all'interno di Power Apps.

Microsoft Power Apps: raggruppamento di elementi
Ambienti Power Apps: configurazione corretta degli elementi dell'app
Power Apps: guida introduttiva a questo strumento rivoluzionario

Conclusione

Uno dei motivi per utilizzare i popup di Power Apps è creare un'esperienza personalizzata per gli utenti. Un altro è creare una sorta di convalida anche per i tuoi utenti perché è vantaggioso per i tuoi utenti.

Si tratta di creare un'interfaccia utente per gli utenti in modo che non debbano accedere all'elenco o al database di SharePoint sottostante e confondersi con la modifica e l'eliminazione di determinati elementi. Possono farlo dalla sicurezza di un'interfaccia utente che hai creato per loro in modo che non rovinino nulla. I pop-up dei moduli sono uno strumento potente per raggiungere questo obiettivo.

Fammi sapere se hai domande e lascia commenti nella sezione commenti qui sotto.

Ti auguro il meglio!

Enrico