Personnalisation des composants et des champs d’une page d’enregistrement

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

• Créer, personnaliser et gérer des pages Lightning
  
• Utiliser le générateur d’application Lightning
  
• Attribuer une page Lightning à un profil
  

Remarque

Vous souhaitez apprendre en français ? Commencez le défi dans un Trailhead Playground en français et utilisez les traductions fournies entre crochets pour naviguer. Copiez et collez uniquement les valeurs en anglais, car les validations de défi reposent sur les données en anglais. Si vous ne réussissez pas le défi dans votre organisation en français, nous vous recommandons (1) de définir le paramètre régional sur les États-Unis, (2) de définir la langue sur l’anglais en suivant les instructions ici, puis (3) de cliquer à nouveau sur le bouton « Vérifier le défi ».

Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.

Accessibilité

Cette unité nécessite des instructions supplémentaires pour les utilisateurs de lecteurs d’écran. Pour accéder à une version détaillée du lecteur d’écran de cet appareil, cliquez sur le lien ci-dessous :

Ouvrir les instructions du lecteur d’écran Trailhead.

Pages d'enregistrement

Les informations affichées lors de votre première connexion à Salesforce ne sont que le début. Vous pouvez personnaliser de nombreux éléments sur les pages d’enregistrement d’objet en utilisant le générateur d’application Lightning et des présentations de page.

La plupart des pages que vous voyez dans Lightning Experience, telles que la page d’accueil et les pages d’enregistrement, sont des pages Lightning. Les pages Lightning sont un ensemble de composants disposés dans les différentes zones de la page. Vous pouvez personnaliser la structure de la page, la position de ses composants et les champs de détail d’enregistrement qu’elle affiche avec le générateur d’application Lightning (pour en savoir plus, consultez le module Générateur d’application Lightning ici même sur Trailhead).

Les autres contenus de la page, tels que les boutons, les liens, les actions et les listes associées qui apparaissent sur la page, sont contrôlés à l’aide d’un autre outil appelé Éditeur de présentation de page. 

Dans cette unité, nous utilisons à la fois le générateur d’application Lightning et l’éditeur de présentation de page pour voir comment personnaliser vos pages d’enregistrement Lightning.

Le générateur d’application Lightning vous permet de :

• Contrôler les champs qui apparaissent sur les pages Lightning.
  
• Créer des pages Lightning personnalisées pour différentes applications et différents utilisateurs.
  
• Contrôler les champs qui apparaissent sur les pages d’enregistrement.
  

L'éditeur de présentation de page permet de :

• Contrôler les listes d’enregistrements associés et les liens personnalisés que les utilisateurs voient.
  
• Contrôler les boutons standard et personnalisés affichés dans les enregistrements et dans les listes associées.
  
• Contrôler les actions rapides affichées dans la page.
  

Vous vous demandez peut-être ce que sont les boutons, les listes et les pages de détail, et à quoi ils peuvent servir. Parcourons rapidement une page d’enregistrement en examinant un exemple d’enregistrement de contact, avant d’explorer et de personnaliser une page.

Voici les différentes parties d’une page d’enregistrement que vous pouvez personnaliser afin de créer une vue personnalisée adaptée aux différentes équipes et aux différents processus de votre organisation.

• Dans l’unité précédente, vous avez découvert la zone de présentation de l’enregistrement (1) et avez vu comment personnaliser les champs qu’elle affiche à l’aide de présentations compactes. Cette zone contient également un ensemble de boutons et d’actions (2) que vous apprendrez à personnaliser dans une unité ultérieure.
  
• L'onglet Related (Associé) (3) contient des listes associées, qui sont des listes d'enregistrements associées à l'enregistrement visualisé. Par exemple, un compte peut avoir des produits, des contacts, des opportunités et d'autres enregistrements personnalisés associés.
  
• L'onglet Details (Détails) (4) affiche les informations sur un enregistrement. Par défaut, les champs et les liens apparaissent ici. Par exemple, la page de détail d'un enregistrement du contact affiche le nom, l'adresse, le propriétaire, le compte et d’autres champs utilisés pour stocker les informations sur le contact et d’autres enregistrements associés. 
  

Nous avons mentionné les boutons, les liens et les actions. Nous reviendrons dessus plus en détail et verrons comment les modifier sur les pages Lightning dans les unités ultérieures. Dans cette unité, nous nous concentrons sur la personnalisation de la structure, des composants, des champs de détail d’enregistrement et des listes associées d’une page.

Création d’une page d’enregistrement Lightning personnalisée

Maria souhaite créer une page d’enregistrement Energy Audit (Audit énergétique) uniquement pour son équipe commerciale afin que celle-ci puisse consulter instantanément les informations utiles dans les champs et les listes associées lorsqu’elle visualise les enregistrements Energy Audit (Audit énergétique).

Lors de la création de l’objet personnalisé Energy Audit (Audit énergétique), une page d’enregistrement Energy Audit (Audit énergétique) par défaut a également été créée par le système. Actuellement, tout utilisateur de l'organisation qui visualise un enregistrement Audit énergétique affiche les informations de cette présentation par défaut. Maria va créer une page d’enregistrement personnalisée spécialement pour les commerciaux.

Suivons-la.

1. Dans le lanceur d’application , recherchez et sélectionnez Energy Consultations (Conseils en énergie), puis cliquez sur l’onglet Energy Audits (Audits énergétiques).
   
2. Ouvrez la vue de liste All (Tout).
   
3. Sélectionner Burlington evaluation (Évaluation Burlington).
   
4. Dans le menu Setup (Configuration) , sélectionnez Edit Page (Modifier la page).
   La page s’ouvre dans le générateur d’application Lightning.
   
5. Dans les propriétés de la page, remplacez le nom d’étiquette par Energy Audit Record Page for Sales (Page d’enregistrement d’audit énergétique pour les ventes).
   
6. Remplacez le nom de l’API par Energy_Audit_Record_Page_for_Sales (Page_d_enregistrement_d_audit_énergétique_pour_les_ventes).
   
7. Cliquez sur l’onglet Details (Détails) sur la zone de dessin, puis cliquez sur le composant Record Detail (Détails de l’enregistrement), où se trouvent les champs.
   Vous y trouverez tous les champs correspondant à l’objet Energy Audit (Audit énergétique). Cependant, ils sont tous regroupés dans un même bloc non personnalisable. Nous pouvons changer cela d’un simple clic.
   
8. Dans le volet des propriétés, cliquez sur Upgrade Now (Mettre à niveau maintenant) pour démarrer l’assistant de migration Dynamic Forms (Formulaires dynamiques).
   

Avec les formulaires dynamiques, vous pouvez réaliser la migration des champs et des sections de vos pages d’enregistrement existantes en tant que composants individuels. Vous pouvez ensuite les configurer comme le reste des composants de la page (en ajouter d’autres, en supprimer ou en déplacer) pour ne fournir à vos utilisateurs que les champs et les sections dont ils ont besoin.

9. Suivez les instructions de l’assistant, sélectionnez Energy Audit Layout (Présentation d’audit énergétique), puis cliquez sur Finish (Terminer).
   La colonne de droite est presque vide et l’ordre des champs pourrait être plus pertinent. Corrigeons ce défaut.
   
10. Cliquez sur le champ Audit Notes (Notes d’audit) et faites-le glisser vers la colonne de droite, sous Owner (Propriétaire).
    
11. Faites glisser le champ Type of Installation (Type d’installation) au-dessus de Audit Notes (Notes d’audit).
    
12. Si ce n’est pas déjà fait, déplacez Account (Compte) sous Energy Audit Name (Nom de l’audit énergétique).
    
13. Cliquez sur Save (Enregistrer), puis sur Not Yet (Pas maintenant). 
    L’activation de la page permet de la rendre disponible pour vos utilisateurs. Cependant, cette page n’est pas tout à fait prête. Maria souhaite y ajouter une liste associée.
    

Personnaliser des listes associées

Energy Audit (Audit énergétique) étant un objet personnalisé, il n’a pas (encore) de listes associées. Ajoutons-en une. Nous pouvons pour cela utiliser l’éditeur de présentation de page.

1. Cliquez sur Back (Retour) dans l’en-tête du générateur d’application.
   
2. Dans le menu Setup (Configuration) , sélectionnez Setup (Configuration).
   La page de configuration s’ouvre dans un nouvel onglet du navigateur.
   
3. Cliquez sur Object Manager (Gestionnaire d’objet), recherchez Energy Audit (Audit énergétique) dans la liste des objets, puis cliquez dessus.
   
4. Cliquez sur Page Layouts (Présentations de page), puis sur Energy Audit Layout Présentation d’audit énergétique.
   
5. Faites défiler jusqu’à la section Related Lists (Listes associées).
   
6. Dans la palette, cliquez sur Related Lists (Listes associées), et faites glisser l’élément Files (Fichiers) vers le bas jusqu’à la section Related Lists (Listes associées).
   La liste associée Files (Fichiers) permet aux commerciaux d’Ursa Major Solar d’ajouter des fichiers à un enregistrement et d’afficher la liste des fichiers associés à l’enregistrement.
   
7. Cliquez sur Quick Save (Enregistrement rapide), puis sur Yes (Oui).
   

Activation de la page

Maria a fini de personnaliser la page pour le moment, mais personne ne peut la voir. Il est temps d’activer la page Lightning et de la mettre en service pour les utilisateurs du service des ventes.

1. Dans Setup (Configuration), cliquez sur l’onglet Home (Accueil).
   
2. Saisissez App Builder (Générateur d’application) dans la zone Quick Find (Recherche rapide), puis sélectionnez Lightning App Builder (Générateur d’application Lightning).
   
3. Cliquez sur Edit (Modifier) à côté de la page Energy Audit Record Page for Sales (Page d’enregistrement d’audit énergétique pour les ventes).
   
4. Cliquez sur Activation.
   

Il existe quatre options d’activation.

• Définir la page comme page par défaut dans l’organisation pour l’objet.
  
• Définir cette page comme page d’enregistrement d’objet par défaut pour des applications Lightning spécifiques.
  
• Attribuer la page à une combinaison d’applications Lightning, de types d’enregistrement et de profils.
  
• Attribuer la page à un facteur de forme, tel qu’un ordinateur de bureau ou un téléphone.
  

Maria souhaite que les commerciaux d’Ursa Major Solar voient cette nouvelle page d’enregistrement. Elle va l’attribuer au profil utilisateur de ses commerciaux. Ainsi, lorsqu’ils consulteront les enregistrements Energy Audit (Audit énergétique), la vue révisée des champs et la nouvelle liste associée seront affichées. Elle va également s’assurer qu’elle est attribuée à la fois aux facteurs de forme d’ordinateur de bureau et de téléphone, afin que les utilisateurs puissent la visualiser lorsqu’ils travaillent sur leur ordinateur de bureau et lorsqu’ils sont en déplacement, depuis leur appareil mobile. Commençons. 

1. Cliquez sur l’onglet App, Record Type, and Profile (Application, type d’enregistrement et profil).
   
2. Cliquez sur Assign to Apps, Record Types, and Profiles (Attribuer à des applications, des types d’enregistrement et des profils).
   
3. Parcourez l’assistant et attribuez la page à l’application Energy Consultations (Conseils en énergie), au facteur de forme Desktop and phone (Ordinateur de bureau et téléphone), au type d’enregistrement Master (Principal), et à la fois à Custom: Sales Profile (Personnalisé : Profil commercial) et au profil System Administrator (Administrateur système).
   

Normalement, Maria ne devrait sélectionner que la ligne Custom: Sales Profile (Personnalisé : Profil commercial), mais comme vous êtes connecté en tant qu’administrateur système, nous sélectionnons également ce profil pour vous permettre de consulter la nouvelle présentation de page.

4. Vérifiez les attributions de la page.
   La colonne New Page (Nouvelle page) est renseignée avec le nom de la page que nous activons : Energy Audit Record Page for Sales (Page d’enregistrement d’audit énergétique pour les ventes).
   
5. Cliquez sur Save (Enregistrer).
   

La page d’enregistrement personnalisée de Maria est désormais en ligne. Examinons-la de plus près.

Affichage de la page personnalisée

1. Cliquez sur Back (Retour) dans l’en-tête du générateur d’application.
   
2. Dans le lanceur d’application , recherchez et sélectionnez Energy Audits (Audits énergétiques), puis ouvrez un enregistrement d’audit. 
   Vous devrez peut-être actualiser la page pour voir les modifications.
   
3. Examinez l'onglet Details (Détails). Il est maintenant plus concis et efficace.
   

Avant

Après

4. Cliquez sur l’onglet Related (Associé).
   

Vous pouvez désormais voir la liste associée Files (Fichiers), dans laquelle un utilisateur peut charger des fichiers.

Bon travail ! Maintenant que vous avez découvert la personnalisation des pages Lightning, vous pouvez commencer à créer des pages utiles pour vos utilisateurs. Disposer les composants et les champs dans des sections logiques permet à vos utilisateurs de stocker et de gérer plus facilement les données importantes pour votre activité.

Ressources

• Aide Salesforce : Création et configuration de pages d’enregistrement Lightning Experience
  
• Aide Salesforce : Activation des pages d’enregistrement Lightning Experience
  
• Aide Salesforce : Considérations relatives au générateur d’application Lightning