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.
Nota
Stai seguendo la formazione in italiano? In questo badge, la convalida delle sfide pratiche di Trailhead funziona in inglese. Le traduzioni sono fornite tra parentesi come riferimento. Nel tuo Trailhead Playground, accertati di (1) selezionare Stati Uniti per le impostazioni internazionali, (2) impostare la lingua su Inglese e (3) copiare e incollare soltanto i valori in lingua inglese. Segui le istruzioni qui.
Visita il badge Trailhead nella tua lingua per scoprire come usufruire dell'esperienza di Trailhead in altre lingue.
Accessibilità
Questa unità richiede alcune istruzioni aggiuntive per gli utenti di screen reader. Per accedere a una versione dettagliata per screen reader di questa unità, fai clic sul link riportato di seguito.
Apri le istruzioni di Trailhead per screen reader.
Prima di iniziare
Questa unità si basa sulla pagina record che abbiamo 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.
Vediamo come funziona. Creeremo dei filtri per fare in modo che un componente Rich Text venga 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 vederlo in pratica. - 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). Per Value (Valore), inserisci
1000000.
- Fai clic su Done (Chiudi).
- Fai di nuovo clic su Add Filter (Aggiungi filtro) e crea un altro filtro per il campo, Stage equal to Closed Won (Fase uguale a Chiusa/conseguita).
Oltre a stabilire se un componente deve essere visualizzato in base ai valori dei campi, puoi fare molte altre cose 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. Impostiamo 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.
Creiamo una regola di visibilità che nasconda il campo Tracking Number (Numero di tracciamento) nella pagina record finché 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 con l'occhio (
) indica che a un componente o a un campo sono stati assegnati filtri di visibilità.
Fai attenzione quando imposti le regole di visibilità per più componenti nella stessa area (come una sezione fisarmonica, una scheda o una colonna della pagina). Se le regole fanno sì che tutti i componenti di un'area siano invisibili quando la pagina viene caricata dagli utenti, l'area sarà vuota.
Nell'ambito di questo modulo, abbiamo eseguito la migrazione di una pagina dei 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
Controlliamo il risultato del nostro lavoro. Per prima cosa vedremo 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ù concisa di prima, i campi sono più organizzati e, poiché abbiamo 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). Vediamo 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.
Le regole di visibilità per le sezioni di campo si comportano in modo diverso rispetto a quelle per i campi. Le regole di visibilità per i campi vengono valutate dinamicamente. I cambiamenti apportati da un utente durante la modifica di un record possono far comparire e scomparire i campi in base alla valutazione delle regole di visibilità. Le regole di visibilità per le sezioni di campo non sono dinamiche e non reagiscono a ciò che l'utente fa durante la modifica. Le regole di visibilità per le sezioni di campo vengono valutate solo dopo il salvataggio di un record.
Ma c'è dell'altro. Abbiamo 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 impostati. 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 diamo 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 il 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 abbiamo visto quando abbiamo esaminato la pagina sul desktop: il componente Rich Text riservato ai dispositivi mobili.
