取引先責任者のプロフィールの写真の追加

操作内容

  • ユーザアイコンを取引先責任者の写真に置換する

ステップ 1: 取引先責任者の写真を追加する

再び /* FUNCTION createTile */ コメントの間の createTile 関数を次のコードに置き換えます。

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

ステップ 2: プレビューする

ページを保存して、[Preview (プレビュー)] ボタンをクリックします。

プロファイル写真を各取引先責任者に追加後の Visualforce ページのプレビュー