Aggiungere regole di visibilità per le pagine dinamiche
Obiettivi di apprendimento
Al completamento di questa unità, sarai in grado di:
- Creare regole di visibilità per componenti, campi e sezioni di campo.
- Descrivere in che modo le regole di visibilità possono rendere più utili le tue pagine per gli utenti.
Prima di iniziare
Questa unità si basa sulla pagina record che hai creato e personalizzato nelle due unità precedenti. Completa prima quelle unità e utilizza la stessa pagina record per completare questa unità.
Aggiungere regole di visibilità per i componenti
Sapevi che puoi decidere quando visualizzare un componente su una pagina record Lightning? Puoi farlo aggiungendo alle proprietà dei componenti condizioni e logica dei filtri per la loro visibilità.
Le proprietà di visibilità dei componenti vengono visualizzate quando li selezioni una pagina iniziale, una pagina record o di un'app nel Lightning App Builder (Generatore di app Lightning). Questo comportamento si applica ai componenti standard, ai componenti personalizzati e ai componenti disponibili in AppExchange. Non è necessario eseguire operazioni sui componenti personalizzati. Viene tutto gestito dal Lightning App Builder (Generatore di app Lightning). Se non definisci un filtro, il componente viene visualizzato sulla pagina Lightning come di consueto. Se definisci uno o più filtri e imposti la logica dei filtri per un componente, il componente viene nascosto finché non sono soddisfatti i criteri della logica dei filtri.
Fai una prova creando dei filtri per fare in modo che un componente Rich Text sia visualizzato quando l'ammontare di un'opportunità è maggiore o uguale a 1 milione di dollari e la relativa fase è Closed Won (Chiusa/conseguita).
- In Setup (Imposta), inserisci
App Builder
(Generatore di app) nella casella Quick Find (Ricerca veloce), quindi seleziona Lightning App Builder (Generatore di app Lightning).
- Apri la pagina New Opportunity Page (Pagina nuova opportunità).
- Aggiungi un componente Rich Text sopra il componente Chatter sulla pagina.
- Inserisci questo testo nel componente:
A million dollar opportunity closed! Oh yeah!
(Opportunità da un milione di dollari chiusa! Grande risultato!) - Nelle proprietà del componente, imposta il testo in grassetto e centrato, carattere 18 punti scegliendo il font che preferisci.
- Lascia selezionata l'opzione Display as card (Visualizza come scheda).
Questa impostazione rende il testo inserito nel componente più leggibile sulle pagine Lightning sostituendo uno sfondo bianco a quello trasparente. Attiva e disattiva l'impostazione per vederla in azione.
- Fai clic su Add Filter (Aggiungi filtro).
- Imposta Field (Campo) su Amount (Ammontare), se necessario.
- Imposta Operator (Operatore) su Greater Than or Equal (Maggiore o uguale a). In Value (Valore), inserisci
1000000
.
- Fai clic su Done (Chiudi).
- Fai di nuovo clic su Add Filter (Aggiungi filtro) e crea un altro filtro su Stage equal to Closed Won (Fase uguale a Chiusa/conseguita).
Determinare se un componente è visibile in base ai valori di un campo non è l'unica cosa che puoi fare con le regole di visibilità. Le regole di visibilità possono anche stabilire se i componenti vengono visualizzati su una pagina in base al fattore di forma (o al dispositivo) in cui la pagina viene visualizzata. Imposta le regole per un componente che deve essere visualizzato solo quando la pagina è visualizzata su un telefono.
- Aggiungi un altro componente Rich Text sotto il primo.
- Inserisci questo testo nel componente:
This component is for mobile users only.
(Questo componente è riservato agli utenti dei dispositivi mobili.) - Personalizza il testo in base alle tue preferenze e poi fai clic su Add Filter (Aggiungi filtro).
- Sotto Filter Type (Tipo di filtro), fai clic su Device (Dispositivo).
- Imposta il campo Value (Valore) su Phone (Telefono), poi fai clic su Done (Chiudi).
- Salva la pagina.
Aggiungere regole di visibilità per i campi e le sezioni di campo
Puoi rendere le pagine record Lightning ancora più dinamiche impostando filtri di visibilità sui componenti Field (Campo) e Field Section (Sezione campo). Ad esempio, puoi nascondere un campo o un insieme di campi finché una persona con un determinato profilo o autorizzazione non visita la pagina. Oppure, puoi visualizzare un campo solo quando un altro campo è impostato su un valore specifico.
Crea una regola di visibilità che nasconda il campo Tracking Number (Numero di tracciamento) nella pagina record fino a quando il campo Delivery/Installation Status (Stato consegna/installazione) non è impostato su In progress (In corso) o Completed (Completata).
- Fai clic sulla scheda More Details (Altri dettagli) e seleziona il campo Tracking Number (Numero di tracciamento) nella sezione delle informazioni aggiuntive.
- Nel riquadro delle proprietà per il campo Tracking Number (Numero tracciamento), fai clic su Add Filter (Aggiungi filtro).
- Crea un filtro:
- Campo: Delivery/Installation Status (Stato consegna/installazione)
- Operatore: Equal (Uguale a)
- Valore: In progress (In corso)
- Fai clic su Done (Chiudi).
- Fai di nuovo clic su Add Filter (Aggiungi filtro) e crea un altro filtro:
- Campo: Delivery/Installation Status (Stato consegna/installazione)
- Operatore: Equal (Uguale a)
- Valore: Completed (Completata)
- Fai clic su Done (Chiudi).
- In Show component when (Mostra componente quando), seleziona Any filters are true (Qualunque filtro è vero). Questa selezione assicura che il campo venga visualizzato quando uno dei filtri è vero.
- Salva la pagina. Hai notato la nuova icona in corrispondenza del campo Tracking Number (Numero di tracciamento)? Quell'icona a forma di occhio indica che a un componente o a un campo sono stati assegnati filtri di visibilità.
Nell'ambito di questo modulo, hai eseguito la migrazione di una pagina record a Dynamic Forms (Moduli dinamici), spostato alcuni campi e reso la pagina più dinamica con le regole di visibilità. Ma questo cosa significa per gli utenti? Scopriamolo.
Controllare i risultati
Ora puoi controllare i risultati del tuo lavoro. Per prima cosa, apri la pagina sul desktop.
- Fai clic su Back (Indietro) nell'intestazione del generatore di app.
- Nell'App Launcher (Programma di avvio app) , trova e seleziona Sales (Vendite), quindi fai clic sulla scheda Opportunities (Opportunità).
- Apri la visualizzazione elenco All Opportunities (Tutte le opportunità).
- Seleziona Dickenson Mobile Generators.
Potrebbe essere necessario aggiornare la pagina dell'opportunità per visualizzare le modifiche apportate alla pagina del record.
Questo è l'aspetto della pagina del record. Dato che hai assegnato la pagina record al profilo System Administrator (Amministratore del sistema) quando l'hai attivata, puoi vederla, a differenza degli altri utenti della tua organizzazione. Puoi personalizzare le diverse esperienze degli utenti creando pagine record personalizzate e assegnandole ad app, tipo di record e profilo utente e assegnare al responsabile delle vendite una modalità di visualizzazione delle opportunità diversa da quella degli agenti di vendita. O configurare le pagine degli account no-profit in modo diverso rispetto a quelle degli account aziendali standard.
Nella scheda Details (Dettagli) puoi notare che la pagina è più sintetica di prima, i campi sono più organizzati e, poiché hai spostato alcuni campi fuori dalla scheda, la pagina si carica un po' più velocemente.
E se fai clic sulla scheda More Details (Altri dettagli), puoi vedere che il campo Tracking Number (Numero tracciamento) è nascosto per gli utenti. Questo avviene perché i criteri dei suoi filtri di visibilità non sono ancora soddisfatti.
Vedere le regole di visibilità in azione
Il filtro di visibilità del campo Tracking Number (Numero tracciamento) è basato sull'impostazione del campo Delivery/Installation Status (Stato consegna/installazione), che deve essere In progress (In corso) o Completed (Completata). Guarda cosa succede sulla pagina quando si attiva la regola di visibilità.
- Fai clic sulla scheda More Details (Altri dettagli), se non sei già nella scheda.
- Fai clic su in corrispondenza del campo Delivery/Installation Status (Stato consegna/installazione) per aprire la modifica in linea.
- Tieni d'occhio la sezione Additional Information (Informazioni aggiuntive) e modifica il valore di Delivery/Installation Status (Stato consegna/installazione) impostandolo su In progress (In corso). Come vedi, il campo Tracking Number (Numero tracciamento) ora è visualizzato. Quando i criteri del filtro della regola di visibilità sono soddisfatti, la regola viene attivata e il campo viene visualizzato.
- Salva le modifiche.
Determinare se un componente o un campo è visibile in base ai valori di un altro campo è solo una delle cose che si possono fare con le regole di visibilità. Le regole di visibilità possono anche stabilire se i componenti compaiono su una pagina in base al profilo dell'utente che la visualizza, alle sue autorizzazioni o al fattore di forma (dispositivo) con cui viene visualizzata la pagina.
Ma c'è dell'altro. Hai aggiunto due componenti Rich Text alla pagina, ma non sono visibili. Perché? Per uno dei componenti il motivo è che stiamo visualizzando la pagina su un desktop. Lo vedremo tra poco. Per l'altro componente, il motivo è che l'opportunità non soddisfa i criteri che hai impostato. Modifichiamo questa cosa.
- Nel riquadro evidenziazioni, seleziona Edit (Modifica) dalle azioni a livello di pagina.
- Modifica il campo Amount (Ammontare) dell'opportunità in modo che sia superiore a 1.000.000, cambia la fase in Closed Won (Chiusa/conseguita) e poi fai clic su Save (Salva).
Hai visto cosa succede? Non hai nemmeno dovuto aggiornare la pagina. Quando salvi le modifiche, se i criteri del filtro sono rispettati, la pagina si aggiorna automaticamente e il componente Rich Text viene visualizzato con il messaggio associato.
Ora dai un'occhiata alla pagina nell'app mobile Salesforce.
- Apri l'app sul tuo telefono.
- Esegui l'accesso con le tue credenziali Trailhead Playground.
Non sai con sicurezza quali sono il nome utente e la password del tuo playground? Scopri come ottenerli nel modulo Gestire i Trailhead Playground.
- Apri il menu, tocca l'App Launcher (Programma di avvio app) e apri l'app Sales (Vendite).
- Tocca Opportunities (Opportunità), quindi apri l'opportunità Dickenson Mobile Generators.
Quello che vedi subito è ciò che ti aspettavi: operazioni, evidenziazioni dei record, percorso. Ma se scorri un po' in basso...
Le schede del componente Tabs (Schede) sono disposte in pila quando vengono visualizzate su un telefono. Puoi toccarle per vederne i dettagli. Ma aspetta... ne manca una. Dov'è la scheda Activity (Attività)? Il componente Activities (Attività) non è supportato sul telefono, quindi è stato eliminato dalla pagina. E dato che per questo motivo la scheda Activity (Attività) è vuota, anche la scheda è stata eliminata dalla pagina. In basso c'è il componente che è stato visualizzato quando hai aggiornato l'opportunità aumentando l'ammontare a più di un milione di dollari. Ma sotto c'è qualcosa che non era visibile quando hai esaminato la pagina sul desktop: il componente Rich Text riservato ai dispositivi mobili.
Risorse
-
Guida di Salesforce: Pagine Lightning dinamiche
-
Guida di Salesforce: Considerazioni sulle regole di visibilità delle pagine Lightning