Convert a Lightning Page to Dynamic Forms

fukadadenki3-dev-ed.my.salesforce.comで試した


画面を動的に触りたい時は常にカスタムコンポーネントを実装してきたので、正直なところDynamic Formsは使ってないので、理解できませんね。書いてある通りに操作したいのだけど、できません。

+ [Convert a Lightning Page to Dynamic Forms](https://trailhead.salesforce.com/ja/content/learn/projects/convert-a-lightning-page-to-dynamic-forms)

元の質問 : [Convert a Lightning Page to Dynamic Forms > Get Started with Dynamic Forms Challeng is missing instructions](https://trailhead.salesforce.com/en/trailblazer-community/feed/0D54S00000KhAqSSAV)

初めに、以下のモジュールの続きでやれと書いてあるけど、関係ないような気がします。
Before You Start  
Before you take the steps in this hands-on project, we recommend that you complete the Lightning App Builder module. The work you do here builds on the concepts in that module. 

:::note
やっぱり関係ないと言っている人もいるなぁ。

For anyone reading this: do not follow the instructions at the beginning of the module that say this:

"This hands-on project uses custom pages that are created in the Lightning App Builder module. This projects builds on those concepts. Complete the Lightning App Builder module first and use the same org to complete this project."
:::


お決まりの何もしないで確認ボタンを押してみると。

**We can’t find a record page named 'Opportunity_Record_Page’ in your org.**

ふ～ん、レコードページを作ればよさそう。

**We can’t find a tab named 'More Details’ on the page.**

タブがない？　これが全く作り方が分からんかった。３０分悩んだ...
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/aecde305-8336-2f11-29e8-ff36513204e3.png)


作ったあとは？

**On the More Details tab, we can’t find a component named 'Additional Information'.**

ここで先に進めませんね。'Additional Informationは何？意味が分からん
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/09ca20a0-d7f2-9f7f-970f-5ae73df3b9e3.png)


詳細の中でアップグレードしたら変化あり。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/0857ecf4-5116-046d-03cc-1662ff10f4d8.png)

やっとのことでAdditional InformationをMore Details tab内に移動したのに...

ここをつかんで緑色に変えてから移動だな。分からんこの操作は...
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/e00a0ba1-7748-da77-1c24-68b477b1406c.png)

こんな感じ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/05588151-800d-724d-a149-988c54a6ac29.png)

ああああ、またエラー。だんだんやる気が失せてきた。

**On the More Details tab, we can’t find a component named 'Description'.**
どこにも、追加するって書いてないと思うけど...

追加したけどよく分からん。

**We can’t find that the 'Main Competitor(s)' field was removed from the Additional Information section.**

**In the Opportunity Information section, we can’t find that the 'Primary Campaign Source' field was removed.**

**In the Opportunity Information section, we can’t find that the 'Next Step' field was removed.**

やっと
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/3fce718e-7c3f-cbf9-1f77-f332604a3ed4.png)


こんな形みたい

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/5ee8d509-7418-6641-f182-9a76a35c2fcd.png)

この環境で実施　fukadadenki3-dev-ed.my.salesforce.com
--------------------------------------------------------------------------------------------

質問者さんはまた私と画面が違う。この人も私と一緒でアカンたれだな。こんな画面にはどうやったらなる？
明らかに間違えていると思うけど。

以下が出るらしい。そりゃぁ'Detailsが２つあるからダメだろう。
**We can’t find a tab named 'Details' on the page.**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/980b3423-0412-65a9-9191-2a4ecb1e988a.png)

**On the More Details tab, we can’t find a component named 'Additional Information'.**




+ [似たような質問](https://trailhead.salesforce.com/en/trailblazer-community/feed/0D54S00000JeUv6SAF)

このようにならない。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/d9cbbf35-57a9-d11b-5275-7a93710cce05.png)


# We can't find a tab named 'More Details' on the page 【未解決】

+ [Convert a Lightning Page to Dynamic Forms Get Started with Dynamic Forms](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007Rceoh)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/6a4e4138-7e76-f853-09f9-6b417e0c2810.png)

# Can't find the Opportunity Record Page migrated to Dynamics Forms

+ [Can't find the Opportunity Record Page migrated to Dynamics Forms](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007UtkRe)

:::note
I was able to resolve this by comparing the differences between the instructions written in the 2 modules that cover Dynamic Forms.

The App Builder Module instructs you to make a New Opportunity Record page.

The Convert a Lightning Page to Dynamic Forms has you use the original Opportunity Record Page.

In my case I had already completed the App builder module and went through the new unit added for the Dynamic Forms rollout: Get Started with Dynamic Forms

Because the instructions tell you to complete the App builder module and use the same org to complete the Convert a Lightning Page to DF, the expectation of what the page looks like is different. I learned this by removing the More Details tab from the Opp Rec Page which allowed me to see that the Module is checking against the Opp Page (not the New Opp Page).

Confusing! I would suggest that the modules get synced up so the same layouts and pages are being utilized in both projects.

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/a558c7dd-6206-a4fd-b6a6-00bc1293f235.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/ed165435-4e27-3ef8-4483-b890a92b51f5.png)

動的フォームをカバーする 2 つのモジュールに書かれた手順の違いを比較することで、この問題を解決することができました。

アプリビルダーモジュールは、「新規商談レコード」ページを作成するように指示します。

「Lightning ページを動的フォームに変換」では、元の商談レコード ページを使用します。

私の場合、アプリ ビルダー モジュールはすでに完了しており、ダイナミック フォーム ロールアウト用に追加された新しいユニット「ダイナミック フォームを使ってみる」を学習しました。

手順では、アプリケーションビルダーモジュールを完了し、同じ組織を使用して Lightning ページの DF への変換を完了するように指示されているため、ページがどのように見えるかは予想とは異なります。 Opp Rec ページから [詳細] タブを削除すると、モジュールが (新しい Opp ページではなく) Opp ページに対してチェックしていることがわかりました。

紛らわしい！モジュールを同期して、両方のプロジェクトで同じレイアウトとページが使用されるようにすることをお勧めします。
:::

# Information section がない？

+ [On the 'Create Customized Page Layouts', I can't find the "Information section" for me to drag the Section below it, what am I missing please?](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007cm5Yq)

:::note
while that wasn't the exact answer, it helped me go back to the page layout and look more closely at the sections and I finally saw what I was missing. It was there but I just couldn't see it. 

それは正確な答えではありませんでしたが、ページ レイアウトに戻ってセクションを詳しく見て、何が欠けていたのかがようやくわかりました。そこにあったのに、見えなかっただけです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/4762195a-4c85-5bcc-8968-d4316fd92c84.png)
:::

# More Information Tab not showing 

+ [More Information Tab not showing in Dynamic Forms module](https://trailhead.salesforce.com/ja/trailblazer-community/feed/0D54V00007cmNg3)

ラベルでカスタムを設定していないから？