LoginSignup
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@82cb82b8(ねずぐれー)

Salesforce Summer'24の画面フローに設置できるコンポーネントを確認した

Posted at

画面フローの標準コンポーネントで出来ることを確認するため、Summer'24時点で使用できるコンポーネントを画面に設置し、表示や挙動をDeveloper Editionで確認しました。

画面に配置できる入力コンポーネント

Action Button (Beta)

自動起動フローを呼び出すボタン。Actionで指定可能なフローが確認できます。
image.png
image.png

Slack チャンネルセレクター

Slackチャンネルを表示する選択リスト。Slack アプリケーション ID、Slack ワークスペース IDが必要です。
アプリケーションIDは、アプリケーションの所有者が https://api.slack.com/ へアクセスすると確認できるそうです。

image.png

image.png

Slack ワークスペースセレクター

Slackワークスペースを表示する選択リスト。Slack appID（Slack アプリケーション ID）が必要です。
image.png

URL

URL入力に特化したテキスト。
値は、デフォルトで表示するテキストを指定できます。
パターンは、正規表現での入力チェックを行えます。

正規表現の例
^https?://(?:www\.)?acmewireless\.com/?.*

image.png

スライダー

スライダーを使って数値の指定ができます。
image.png

ステップサイズや値、範囲の最小値、範囲の最大値を設定することで、体温を入力するコンポーネントを作成できるようです。
image.png
6.gif

チェックボックス

チェックボックス。デフォルト値に{!$GlobalConstant.True}を設定することで画面を開いた際にチェックを入れた状態にできます。
image.png

チェックボックスグループ

複数選択が可能なチェックボックス。
image.png
image.png

データテーブル

フロー内で取得したレコードをリストビューで表示。ソースコレクション、列の設定が必要です。
image.png
image.png
image.png

テキスト

テキスト。テキスト入力ができます。
image.png

パスワード

パスワード入力に特化したテキスト。画面フローでテキストを入力すると文字がマスクされます。
image.png
image.png

ファイルのアップロード

ファイルアップロード。「ファイル」オブジェクトにアップロードしたファイルが設置されます。
※「メモ&添付ファイル」へアップロードするオプションは見つけられませんでした。
image.png
image.png

メール

メールアドレス入力に特化したテキスト。プレースホルダーテキストが設定できます。
メールアドレス以外の値を入力すると「無効な形式を入力しました」エラーが表示されます。

メールコンポーネントでは、入力されたメールアドレスが local-part @

domain のパターンに準拠しているかどうかが検証されます。ドメインには少なくとも 1 つの期間 (.) が含まれます。たとえば、#URL1# は有効ですが、 user@example は有効ではありません。

image.png
image.png

ラジオボタン

ラジオボタン。
image.png

ルックアップ（参照）

ロングテキストエリア

複数行のテキスト。
image.png

拡張メッセージ

※使い方が分かりませんでした。
image.png

住所

住所入力に特化したテキスト。オートフィル（自動入力）機能はありません。
image.png
image.png

オートフィル機能が必要な場合はコーディングが必要です。

数値（Number）

数値入力に特化したテキスト。小数点の位置で小数点以下の桁数を設定できます。
image.png
image.png

切り替え

トグルボタン。
image.png

選択リスト

選択リスト。コンポーネントの種類で選択リストかラジオボタンに変更できます。
image.png
image.png

選択肢ルックアップ

image.png

通貨

通貨入力に特化したテキスト。
image.png
image.png

通話スクリプト

エージェントが顧客と電話で話すときに使用するスクリプトを作成します。

画面右のコピーボタンを押下すると表示されているテキストがクリップボードへコピーされます。
image.png
image.png

電話

電話番号入力に特化したテキスト。プレースホルダーテキストを設定できます。電話番号以外の値を入力することもできます。
image.png

日時

日時入力に特化したテキスト。年月日を選択するとカレンダー、時間を選択すると15分刻みで時間が選択リストで表示されます。日時以外の値を入力すると「エントリは許可されている形式 yyyy/MM/dd と一致しません。」エラーが表示されます。
image.png
image.png
image.png
image.png

日付

日付入力に特化したテキスト。日付を選択するとカレンダーが表示されます。
日付以外の値を入力すると「エントリは許可されている形式 yyyy/MM/dd と一致しません。」エラーが表示されます。
image.png
image.png
image.png

表示画像

静的リソースにアップロードした画像を表示。

image.png

複数選択リスト

複数選択が可能な選択リスト。コンポーネントの種類でチェックボックスか選択リストどちらかを選択できます。
image.png
image.png
image.png
image.png

名前

名前入力に特化したテキスト。表示する項目に設定されている値によって表示される項目が変わります。
image.png
image.png

表示する項目にfirstName,middleName,lastName,informalName,suffix,salutationを設定。
image.png
image.png

連動選択リスト

画面に配置できる表示コンポーネント

セクション

複数の列にコンポーネントの設置ができます。列の設定で列を増やすことができます。

image.png

繰り返し

繰り返しコンポーネントを使用して画面上の同じ種別の複数の項目に関する情報を収集します。

image.png
7.gif

表示テキスト

テキストを表示。
image.png
image.png

1
1
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
Sign upLogin
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?