【フロー演習問題1】取引先責任者の作成画面
公開日: 2021.11.08
※本番環境に変更を適用する際は事前にSandboxで動作を確認してください
フローの概要
画面に入力した値をもとに取引先責任者のレコードを新規作成するフローです
フローの全体像
下図が完成したフローです
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530897/RNEAAAeQV0v/qImuFHZqgn5lVmX69mxdDQ.png)
フローの作成手順
設定画面か「フロー」を検索し、「フロー」の画面に遷移、「新規フロー」をクリックします
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530899/RNEAAAeQV0v/6F8lM9F4m2KqNQfmZ9jBIA.png)
「画面フロー」を選択します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530901/RNEAAAeQV0v/GycTj9oGl3u5I6NpK6cJ_w.png)
「自由形式」を選択します ※「自動レイアウト」を選択しても問題ありません
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530903/RNEAAAeQV0v/iyg9adIF8q_KkYZWrPgnFA.png)
ツールボックスから「画面」を選択し追加します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530906/RNEAAAeQV0v/U9cMnk_TBGrWUwiUl98LhA.png)
画面の設定で「名前」のコンポーネントを追加します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530908/RNEAAAeQV0v/2jYqoGGqed2XEiePJpgHFQ.png)
「メール」のコンポーネントを追加します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530910/RNEAAAeQV0v/w3DTUXK7wJp34eJ5GFwRfw.png)
「ヘッダー」を選択し、画面のプロパティの表示ラベルに「取引先責任者作成画面」を、API参照名に「Input_Contact」を入力します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530911/RNEAAAeQV0v/cYjFYWsRn_2C-tqjTFAWPQ.png)
フッターの設定を開き、「[前へ]を非表示」、「[一時停止]を非表示」を選択します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530913/RNEAAAeQV0v/snImSef1inaHWpdZUWstrg.png)
「名前」を選択し、API参照名に「Input_Name」を選択します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530915/RNEAAAeQV0v/L0UWswNNT9Sg5JnnwmXuwg.png)
「メール」を選択し、API参照名に「Input_Email」、表示ラベルに「メールアドレス」を入力します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530917/RNEAAAeQV0v/5mlpLKqIlINbDM5AUFsUsw.png)
右下の「完了」をクリックして画面の設定を保存します
ツールボックスから「レコードを作成」を選択し追加します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530919/RNEAAAeQV0v/F0juu7yxJobH5vcySFp0Xg.png)
表示ラベルに「取引先責任者を作成」、API参照名に「Create_Contact」を入力します
レコード項目の設定方法は「個別のリソースおよびリテラル値を使用」を選択します
オブジェクトは「取引先責任者」を選択します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530921/RNEAAAeQV0v/uiKKpjbxupjmSqVeAs1nKw.png)
取引先責任者の項目値を設定を下図のように設定します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530923/RNEAAAeQV0v/LqUZe1nXRJGGJh4ujQbpPg.png)
3つの要素を接続します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530925/RNEAAAeQV0v/_ISoQFbTWNY5TnoU88u1Jg.png)
画面右上の「保存」をクリックし、フローの表示ラベル、フローのAPI参照名に任意の値を入力し保存します
画面右上の「有効化」をクリックします
完成したフローの使い方
作成したフローは、Lightning ページにフローを配置する、またはクイックアクションを新規作成することで使用できます
以下はLightning ページにフローを配置する手順です
フローを追加したいページ(下図はホームのページ)から設定 > 編集ページ を選択します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530927/RNEAAAeQV0v/73PcmdwGW-acOJ6MtJol7w.png)
「フロー」コンポーネントを任意の場所に追加します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530929/RNEAAAeQV0v/o46H0f_Z88TL7vZ_J8lpOg.png)
フローの項目に作成したフローを設定します
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530933/RNEAAAeQV0v/IOLgKp4OvotSFOJeyEgV9g.png)
画面右上の「保存」をクリックし変更を保存します
ホームページに作成したフローが追加されます
![image.png](https://res.cloudinary.com/hqvhlyexn/image/upload/v1683530935/RNEAAAeQV0v/4I02h8_lO60SsCDY4fYLeA.png)
公開日: 2021.11.08
この情報は役に立ちましたか?
ご意見お待ちしております。
フィードバックありがとうございます。
より役に立つために
役に立たなかった一番の理由を教えてください。