Skip to main content

Hinzufügen eines Kontakt-Profilbilds

Hinweis

Hinweis

Lernen Sie auf Deutsch? In diesem Badge ist für die praktischen Trailhead-Aufgaben Englisch als Bearbeitungssprache festgelegt. Übersetzungen werden zur Referenz in Klammern angegeben. Vergewissern Sie sich, dass Sie in Ihrem Trailhead-Playground (1) das Gebietsschema auf USA und (2) die Sprache auf Englisch festgelegt haben. (3) Verwenden Sie zum Kopieren und Einfügen nur die englischen Werte. Die zugehörigen Anweisungen finden Sie hier.

Im Badge Trailhead in Ihrer Sprache erfahren Sie, wie Sie die übersetzte Trailhead-Umgebung nutzen.

Ihre Aufgaben

  • Ersetzen des Benutzersymbols durch ein Kontaktfoto

Schritt 1: Hinzufügen des Kontaktfotos

Wir ersetzen erneut die createTile-Funktion zwischen den /* FUNCTION createTile */ -Kommentaren durch folgenden Code:

/* 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 */

Schritt 2: Vorschau

Speichern Sie die Seite und klicken Sie auf die Schaltfläche Preview (Vorschau).

Vorschau der Visualforce-Seite nach Hinzufügen des Bilds zu jedem Kontakt

Lernen Sie weiter kostenlos!
Registrieren Sie sich für einen Account, um fortzufahren.
Was ist für Sie drin?
  • Holen Sie sich personalisierte Empfehlungen für Ihre Karriereplanung
  • Erproben Sie Ihre Fähigkeiten mithilfe praktischer Aufgaben und Quizze
  • Verfolgen Sie Ihre Fortschritte nach und teilen Sie sie mit Arbeitgebern
  • Nutzen Sie Mentoren und Karrierechancen