Add Another Icon
操作内容
- タイルの各取引先責任者名の横にユーザーアイコンを追加する
ステップ 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">', '<svg aria-hidden="true" class="slds-icon slds-icon-standard-user">', '<use xlink:href="{!URLFOR($Asset.SLDS, 'assets/icons/standard-sprite/svg/symbols.svg#user')}"></use>', '</svg>', '</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 (プレビュー)] ボタンをクリックします。
リソース
Design System サイトに、アイコンコンポーネントの他のドキュメントや例が掲載されています。