🐴

Salesforce:レコード項目に連動して画像を表示したい

2 min read

やりたいこと

項目の値に応じて表示する画像を変えたい

必要なもの

・Visualforce
・画像
・選択リスト項目
・数式項目

利用例

取引先の選択リスト項目の値ごとに、それぞれ表示する画像を変えたい

事前準備

静的リソースにファイルをUpする

  1. 設定→静的リソース→新規

  2. 項目名を入力してファイルをUP→保存

  3. ファイルを表示をクリック

  4. ファイルのURLをコピーしておく

  5. 2~4をファイルの数だけ繰り返す(今回は3つなので+2回)

(補足)今回UPしたファイル

Going

Attention

Stop

項目を作成する

選択リスト項目

数式項目


Visualforceを作成する

  1. 開発者コンソールを開く

  2. File → New → Visualforce Page

  3. ページ名を入力してOK

  4. 以下ソース貼り付けて保存

    <apex:page standardController="Account">
     <apex:image url="{!Account.image__c}" width="100%" height="100%"/>
    </apex:page>
    
  5. 設定→Visualforceページ → 保存したページの[編集]をクリック

  6. Lightning Experience〜の項目にチェックを入れて保存

LightningレコードページでVisualforceを配置する

  1. 設定→オブジェクトマネージャ→対象オブジェクト(今回は取引先)→Lightningレコードページ
  2. 対象レコードページをクリックして編集
  3. Visualforceコンポーネントを配置し、作成したVisualforceを選択

完了

表示してみる

[信号機]項目が空白なので画像はリンク切れしている

[信号機]項目を選択すると、画像が表示されるようになった

以上

Discussion

ログインするとコメントできます