スクリーンフロー

[Flowに関するまとめページ に戻る](https://qiita.com/Keiji_otsubo/items/55ebc9c634a3216f3990)


# スクリーンフロー

+ [UIの問題フロー](https://qiita.com/Keiji_otsubo/items/d9f0f6de0d557b9e902d)
+ [スクリーンフローでのエラー](https://qiita.com/Keiji_otsubo/items/3bf46f94816a4466e009)
+ [反応型コンポーネントを使用した画面フローの作成](https://qiita.com/Keiji_otsubo/items/76275f42d0b033e987b7)
+ [画面フローをモーダル化して表示する](https://qiita.com/Keiji_otsubo/items/b9b0ca97558c235cbaa2)
+ [画面フロー　項目の連動関係をつくる](https://qiita.com/Keiji_otsubo/items/c650aebdacbe34bfb162)
+ [Salesforce フローの選択オプションの改善(動的に選択肢をつくる)](https://qiita.com/Keiji_otsubo/items/328b1f5bdbe872fd2959)
+ [Salesforce フローの選択オプションの改善(動的に選択肢をつくる)2](https://qiita.com/Keiji_otsubo/items/9d93a4fd9e032107bc00)
+ [Salesforce フローの選択オプションの改善(動的に選択肢をつくる)3](https://qiita.com/Keiji_otsubo/items/ff994ff0356014adc19f)
+ [フロー-合計に応じて、画面フローの更新フィールドに「はい/いいえ」の質問を追加します](https://trailhead.salesforce.com/ja/trailblazer-community/feed/0D54S00000G3zznSAB)
+ [取引先責任者のスクリーンフローで姓名の項目が表示されない](https://qiita.com/Keiji_otsubo/items/7d3cadcfb159d610bd3b)
+ [画面フロー : ルックアップコンポーネント](https://qiita.com/Keiji_otsubo/items/478abdf381a9fb7d58be)
+ [画面フロー : ファイルアップロードコンポーネント](https://qiita.com/Keiji_otsubo/items/f9acd1882614ab4985e0)
+ [画面フロー : 選択肢リストコンポーネント](https://qiita.com/Keiji_otsubo/items/ff493e017f5d0c00dd6d)
+ [スクリーンフロー：複数選択リストコンポーネント](https://qiita.com/Keiji_otsubo/items/b1476fc77385a5511933)
+ [画面フローの項目の値の初期化](https://qiita.com/Keiji_otsubo/items/584e2c1f97a26ea4f69d)
+ [画面フローで独自の選択リストの値を構成する](https://qiita.com/Keiji_otsubo/items/3a3636b8d2588e18088e)
+ [フローのテキストテンプレート](https://qiita.com/Keiji_otsubo/items/9aadfbcfef71d409c578)
+ [スクリーンフローで更新したレコードに戻る](https://qiita.com/Keiji_otsubo/items/87195dcc9976cb0cc59d)
+ [Screen Flow Erroring "Limit Exceeded" on "Bad Email Address"](https://trailhead.salesforce.com/trailblazer-community/feed/0D54S00000QLR3F)
+ [画面フローで画面にオプションを追加します フローの列の構成で列を追加できません ](https://trailhead.salesforce.com/trailblazer-community/feed/0D54S00000R9c4FSAR)
+ [スクリーンフローの選択リストで必須にいない場合に選択肢にNullを含める](https://qiita.com/Keiji_otsubo/items/6d3d58f27c77662d6261)
+ [画面フローのデータテーブル](https://qiita.com/Keiji_otsubo/items/a9c0fc74b7c33d244915)
+ [フロー画面表示コンポーネント:繰り返し](https://qiita.com/Keiji_otsubo/items/21bb6bcaaf9700420702)
+ [How to Control the CSS of Screen Flows](https://salesforcetime.com/2023/11/15/how-to-control-the-css-of-screen-flows/)
+ [how to make lookup field required in salesforce screen flow?](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007bL3MC)

:::note
You cannot validate on whether a field is blank in a screenflow (it's a pain). 
However, for a lookup, you can set the "Required" option to "{!$GlobalConstant.True}"

画面フローではフィールドが空白かどうかを検証できません (面倒です)。
ただし、ルックアップの場合は、「Required」オプションを「{!$GlobalConstant.True}」に設定できます。
:::

+ [スクリーンフロー：日時コンポーネント](https://qiita.com/Keiji_otsubo/items/493b3f7d4a8394d24738)
+ [画面フロー : 再アクセス画面の値(Revisited Screen Values)](https://qiita.com/Keiji_otsubo/items/b13118f351531f9559b9)
+ [「フローが終了しました」というメッセージを削除する方法](https://qiita.com/Keiji_otsubo/items/034ac6adae0e42808c18)
+ [キャンセルボタンの実装について（画面フロー）](https://trailhead.salesforce.com/trailblazer-community/feed/0D5KX000000Oek1)

:::note
以下にサンプルになりそうなコードと解説があります。

https://salesforce.stackexchange.com/questions/372486/launch-screen-flow-from-aura-component-within-a-modal

https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007T4RAwSAN

https://archwise.io/lightning-modal-from-aura/
:::


# URLで変数に値を渡す

+ [Created Variable not set in Screen Flow.](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007iff2u)

:::note
To actually pass the value, I think you need to set the parameters as follows.

```
/flow/Create_Case_for_Contact?inputAccountId={!Account.Id}&inputContactId={!Contact.Id}
```

Customize a Flow URL to Set Variable Values
https://help.salesforce.com/s/articleView?id=sf.flow_distribute_internal_url_variable.htm&type=5
:::

# 画面フローにて前の画面の値が更新できない

+ [画面フローにて前の画面の値が更新できない事象について](https://trailhead.salesforce.com/trailblazer-community/feed/0D5KX000000mAp9)

:::note
各項目の"詳細"タブの設定値『入力を更新してフローの他の場所での変更を組み込む』になっていますか？

Winter'24のアップデートで画面に表示する項目の動作は２パターン選べるようになっていますのでご確認いただくと良いかと思います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/5c375b4b-21a5-58ea-c226-573b3a642ecb.png)
:::


# recordIdの値が取得できていないとき

+ [Error in Flow](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007986A3)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/55747683-799d-ea7e-ee23-76ed0a1ba131.png)

:::note
Please check this article.

Share the Flow URL or Create a Custom Button, Link, or Web Tab
https://help.salesforce.com/s/articleView?id=sf.flow_distribute_internal_url.htm&type=5
:::

+ [デバックではエラーが起きずレコードの作成ができるのですが、有効化後、画面に埋め込んだ状態だとエラーが出てしまいます。](https://trailhead.salesforce.com/trailblazer-community/feed/0D5KX00000J88gX)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/7349fbd3-f5e4-6fdd-639e-423980dbcd2f.png)

:::note
フロー内での設定はあっていたのですが、Lightningページでフローを設定したときの「レコードのすべての項目値をフロー変数に渡します」

このチェックボックスをオンにしていなかったからでした

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/c6282e3f-6398-f79d-aa15-01e22bc3c96f.png)
:::


# 終了後にリダイレクトさせる

+ [フローで条件によってレコードページを表示させたい](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007AjTvo)

:::note
画面フローからリダイレクトさせるということでしょうか？
Auraコンポーネントを使って可能みたいです。

https://help.salesforce.com/s/articleView?id=sf.flow_concepts_finish_override.htm&type=5
:::

# レコード作成時のフローのエラー文言の変更

+ [入力規則によるフローエラーについて](https://trailhead.salesforce.com/ja/trailblazer-community/feed/0D54V00007JkzcMSAR)

# モーダルの高さ

+ [LightningModal にフローをロードすると、マスク (SLDS ガイドラインに従って適用) がビューポートの上から下までレンダリングされます。コンポーネントの幅は考慮されます (たとえば、小さなモーダルは幅の狭いマスクをレンダリングします)。](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007NCGAF)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/14953f7d-d057-35cd-7590-28f862f6d86e.png)

:::note
 In such cases you can add custom styles but they should be loaded by using loadStyle function, so the styles apply to the page and not just to LWC component.

Create styles.css with the following style:

```
.slds-spinner_container {

    background: unset

}
```

archive it to fixedStyles.zip and upload it as a static resource:
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/8e2c46e5-5b86-52f6-66d3-d609b1c3206f.png)

then reference it in your LWC component:

```
import { loadStyle } from 'lightning/platformResourceLoader';
import fixedStyles from '@salesforce/resourceUrl/fixedStyles';
export default class YourModal extends LightningModal {
    connectedCallback() {
        loadStyle(this, fixedStyles + '/styles.css');
    }
}
```

And this spinner glitch should be fixed.
:::

+ [スクリーンフローモーダルアクションのモーダル高さ](https://trailhead.salesforce.com/trailblazer-community/feed/0D54V00007LpceP)

:::note
I found the cause of the issue. The height of the modal can be adjusted but only up to 500px. This was required because of a Salesforce limitation which was removed with Winter 23. If your need more than 500px, I'll publish a fix tomorrow 

問題の原因が見つかりました。モーダルの高さは調整できますが、最大 500px までです。これは、Winter 23 で削除された Salesforce の制限のため必要でした。500 ピクセルを超える必要がある場合は、明日修正を公開します。 
:::



# 納得しないようですね。

+ [スクリーン フローでのコンポーネントの表示に長いテキスト領域を使用する - テキスト検索の制限](https://trailhead.salesforce.com/ja/trailblazer-community/feed/0D54V00007XITqe)

:::note
255文字の制限があると思います。

https://medium.com/@jthomas.menachery/salesforce-validation-on-flow-long-text-area-component-1983fd570430
:::

# 意味が分からん

D！！！！　何を言っているのかさっぱりわからん。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/39030a23-826f-4874-8611-5adc89654973.png)


C（まぁ、ちょっと理解できる）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/a4725152-4de4-432a-9515-82263fadcf9d.png)

B？？？　内部で使う時も同じだろう？質問おかしくない？

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/328136/48742471-1946-4302-9162-b146a7ff4259.png)