LoginSignup
0
0

クイックアクションを使用して項目セットを標準 Lightning コンポーネントとして使用できるようにします

Last updated at Posted at 2023-07-27

面白そうな記事を見つけました。私がカスタムコンポーネントで多用する方法が標準画面でもできる?

注意:新規作成の時はこの設定部分は表示されない。レコードを作成したら表示される

「Salesforce では、同じレコード詳細ページで異なるフィールドのセットをタブまたはセクションで区切ることができますか? 」

こんな感じでタブで区切れないので、カスタムコンポーネントに頼ってしまいます。

image.png

これが Salesforce Lightning App Builder 内の標準の設定オプションではないことが私には奇妙に思えました。さらに奇妙に感じたのは、この質問を Google で検索したときに、この Salesforce サクセス コミュニティの記事と、ベンダーからの売り込みコメントが含まれた同様の記事だけだったということです。この問題に対する高価なソリューションは AppExchange にあります。クライアントに戻って、この小さくて単純な要件を満たすためにアプリの料金を支払うようにアドバイスするつもりはありませんでした。そこで、代わりに、次のようなソリューション (「ハック」と呼ぶ人もいるかもしれません) を考え出しました。まさにこの機能。このソリューションの最も優れた点は、Salesforce 管理者であればコードなしでこれを設定できることです。

  • 標準の Lightning Contact レコードページは次のようになります。

image.png

まず、どのフィールドを表示するか、またページ レイアウト内でどのように表示するかを決定する必要があります。この例では、取引先責任者レコード ページの住所と電話番号を独自のサブタブ内で分離します。他のフィールドはすべて「詳細」タブに表示されます。

image.png

計画ができたので、取引先責任者レコードに移動し、歯車アイコンをクリックして [オブジェクトの編集] を選択して、そのオブジェクトの設定にアクセスしましょう。住所フィールドと電話フィールドを個別に表示するには、個別のセクションごとにページ レイアウトを含むアクションを作成する必要があります。 これを行うには、以下の手順に従います。

image.png

ステップ 1:セットアップのオブジェクト マネージャー内に連絡先オブジェクトが表示されたら、[ボタン、リンク、およびアクション] メニューを選択します。

image.png

ステップ 2:画面の右側にある「新しいアクション」ボタンをクリックします。「新しいアクション」ページが表示されたら、次の手順を実行します。

  • アクションの種類:レコードの更新
  • ラベル:連絡先アドレス
  • 名前: Contact_Addresses

ステップ 3:「保存」をクリックして続行します

image.png

ステップ 4:表示したいフィールドを追加または削除します。この例では、デフォルトのフィールドをすべて削除し、「郵送先アドレス」と「その他のアドレス」だけを追加します。レイアウトは次のようになります。

image.png

ステップ 5:電話フィールドに新しい「アクション」を作成します。Contact Object Manager メニュー内の [ボタン、リンク、およびアクション] をクリックします。[新しいアクション] ボタンをクリックし、フィールドに次の情報を入力します。

  • アクションの種類:レコードの更新
  • レーベル: Contact Phones
  • 名前: Contact_Phones (このフィールドは、[ラベル] フィールドに入力された情報に基づいて自動的に入力されます。)

image.png

ステップ 6:ページ エディタが表示されたら、デフォルトのフィールドをすべて削除し、「電話」、「携帯電話」、「自宅の電話」、および「他の電話」を追加します。上記はレイアウトがどのように見えるかです。

image.png

ステップ 7: Contact object manager メニュー内の「Lightning Record Page」をクリックし、「Contact Record Page」を選択します。

image.png

ステップ 8: Contact_Record_Page の「Lightningページの詳細」ページが表示されたら、「編集」ボタンをクリックします。これにより、Lightning アプリケーションビルダーページが表示されます。ここから、ライトニングページのレイアウトを編集して、フィールドを取引先責任者レコードページのさまざまなタブセクションに分割します。

画面の左側にある「タブ」Lightningコンポーネントを見つけます。そのコンポーネントを「詳細」タブと「関連」タブのすぐ下にドラッグ アンド ドロップします。上の画像を参照してください。

image.png

ステップ 9:別のタブを追加し、ページが上のスクリーンショットのように見えるようにタブの名前を変更します。

image.png

ステップ 10:取引先責任者フィールドを「取引先責任者」セクションにドラッグ アンド ドロップすると、ページが上のスクリーンショットのようになります。

image.png

ステップ 11:「アドレス」タブをクリックします。「関連レコード」Lightning コンポーネントを見つけて、[アドレス] タブ内にドラッグ アンド ドロップします。画面の右側にあるメニューを次のように調整します。

  • 検索フィールド:この連絡先を使用
  • 更新アクション:連絡先アドレス

ステップ 12: [電話] タブでこれらのステップを繰り返します。「関連レコード」Lightning コンポーネントを見つけて、[電話] タブ内にドラッグ アンド ドロップします。「保存」をクリックして「アクティブ化」してください。

image.png

最後のステップ:取引先責任者ページのレイアウトを更新し、メインの取引先責任者レコード ページ レイアウトから住所フィールドと電話フィールドを削除します。これらのフィールドは別のサブタブに分けられたため、必要なくなりました。

それでおしまい! 取引先責任者レコードに戻ると、ページは次のようになります。

image.png

image.png

モバイルでもちゃんと機能している。

標準機能だから動くよね。一安心です。

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0