Exploitation des composants Lightning personnalisés
Objectifs de formation
Personnalisation des composants Lightning dans le générateur d’application Lightning
La création d’un composant Lightning personnalisé requiert des connaissances en programmation. Sinon, vous pouvez installer un composant Lightning existant depuisAppExchange.
Vous pouvez créer un composant Lightning personnalisé à l’aide des composants Web Lightning. Reportez-vous au module Concepts de base des composants Web Lightning.
Les composants personnalisés de votre organisation qui sont configurés pour être utilisés dans le générateur d’application Lightning sont affichés dans le volet Lightning Components (Composants Lightning).
Le composant personnalisé que nous fournissons dans ce module est déjà configuré pour le générateur d’application Lightning.
Installation d'un composant Lightning personnalisé
Nous avons fourni un composant Lightning Opportunity Alert (Alerte d’opportunité) personnalisé à ajouter à votre page Lightning. Installons-le dans votre organisation.
Lancez votre Trailhead Playground en accédant à n’importe quelle unité disposant d’un défi pratique, puis en faisant défiler la page jusqu’en bas et en cliquant sur Launch (Lancer). Si vous voyez un onglet intitulé Install a Package (Installer un package) dans votre organisation, c’est parfait ! Suivez les étapes indiquées.
Si ce n’est pas le cas, cliquez sur l’icône du lanceur d’application pour lancer le lanceur d’application, puis cliquez sur Playground Starter et suivez les étapes. Si vous ne voyez pas l’application Playground Starter, copiez ce lien d’installation de package et consultez Installer un package ou une application pour relever un défi Trailhead dans l’aide de Trailhead.
- Cliquez sur l’onglet Install a Package (Installer un package).
- Copiez
04t2E00000161fSQAQ
dans le champ. - Cliquez sur Install (Installer).
- Sélectionnez Install for Admins Only (Installer pour les administrateurs seulement), puis cliquez sur Install (Installer).
Une fois l'installation terminée, vous pouvez ajouter le composant à votre page.
Ajout d'un composant Lightning personnalisé à votre page d'application
- Dans Setup (Configuration), saisissez
App Builder
(Générateur d’application) dans la zone Quick Find (Recherche rapide), puis cliquez sur App Builder (Générateur d’application Lightning). - Cliquez sur Edit (Modifier) en regard de la page Top Accounts and Opportunities (Principaux comptes et opportunités) que vous avez créée dans l’unité précédente.
- Ajoutez le composant Opportunity Alert (Alerte d’opportunité) au-dessus du composant List View (Vue de liste).
- Dans le volet des propriétés, modifiez la valeur de Days Since Last Modified (Jours depuis la date de la dernière modification) pour qu’elle soit égale à
6
.
Avez-vous remarqué que le texte au sein du composant a été modifié pour correspondre à la nouvelle valeur du champ ? - Désélectionnez Has Open Tasks (A des tâches en cours), puis cliquez sur Save (Enregistrer).
Voilà qui est parfait ! Les modifications que vous effectuez sont immédiatement disponibles dans Lightning Experience et dans l’application mobile. Allons voir à quoi ressemble désormais la page.
Test du composant personnalisé
- Ouvrez l'application sur votre appareil mobile.
- Si nécessaire, connectez-vous à l'aide vos identifiants Trailhead Playground.
- Accédez à la page Top Accounts and Opportunities (Principaux comptes et opportunités) dans l’application Sales (Ventes) et faites-la défiler jusqu’au nouveau composant. Vous devrez peut-être actualiser l’écran pour que les modifications effectuées s’affichent.
- Revenez à votre organisation et examinez la page Top Accounts and Opportunities (Principaux comptes et opportunités) dans Lightning Experience.
Comme vous avez créé la page à l’aide du modèle Two Columns (Deux colonnes), elle est affichée sous ce format lorsque vous la consultez sur un ordinateur ou une tablette.
Vous savez désormais comment augmenter la puissance et la convivialité de l’application mobile Salesforce et de Lightning Experience pour vos utilisateurs. Continuez sur cette lancée et procédez à davantage de personnalisations !