Ajout de l'image de profil du contact
Ce que vous allez faire
- Remplacer l'icône utilisateur par la photo du contact
Étape 1 : Ajouter la photo du contact
Nous allons remplacer une nouvelle fois la fonction createTile
entre les commentaires /* FUNCTION createTile */
par le code suivant :
/* FUNCTION createTile */ function createTile (record) { return [ '<li class="slds-item">', '<div class="slds-tile slds-media">', '<div class="slds-media__figure">', '<img class="slds-avatar slds-avatar_medium" src="', record.get('PhotoUrl'), '" alt="" />', '</div>', '<div class="slds-media__body">', '<h3 class="slds-truncate" title="', record.get('Name'), '"><a href="javascript:void(0);">', record.get('Name') ,'</a></h3>', '<div class="slds-tile__detail slds-text-body_small">', '<p class="slds-truncate">', record.get('Title') ,'</p>', '</div>', '</div>', '</div>', '</li>' ].join(''); } /* FUNCTION createTile */
Étape 2 : Prévisualiser
Enregistrez votre page, puis cliquez sur le bouton Preview (Aperçu).