カスタムプレイブックアクティビティ UI を作成
プレイブックアクティビティのカスタムアクティビティ UI をビルドします。
プレイブックアクティビティのデフォルトのユーザーエクスペリエンスを上書きする UI ビルダー を使用して、独自のアクティビティ UI を作成します。 UI ビルダー 、カスタムアクティビティ UI をビルドおよび更新するためのローコード環境を提供します。複数の UI ビルダー コンポーネントを 1 つのプレイブックアクティビティに結合できます。 UI ビルダー では、カスタマイズ可能なテンプレートとしてすぐに利用可能なアクティビティ UI を使用します。
- カードのシェルを含む空の UI テンプレートから新しいアクティビティをビルドします。
- カードのシェル内のコンテンツを含む既存の UI テンプレートから新しいアクティビティをビルドします。
- プレイブックアクティビティエクスペリエンスのプロパティをデータバインディングのあるコンポーネントにマッピングします。
- どのアクティビティ UI をどのアクティビティで使用するかを指定するためのルールを定義します。
- 基盤となるプロセスの実行中に、アクティビティエクスペリエンスプロパティへのリアルタイムの変更を反映します。
プレイブックのカスタムアクティビティ UI を作成する
プレイブックアクティビティの UI ビルダー 内にカスタムアクティビティ UI を作成します。
始める前に
必要なロール：playbook admin
手順
-
[プレイブックアクティビティの上書き] テーブルで [新規] を選択します。
-
UI ビルダーで [編集] を選択します。
タスクの結果
を使用したアクティビティ UI の構成 UI ビルダー
アクティビティ UI は、次の方法で UI ビルダー でカスタマイズできます。
での UI テンプレートの使用 UI ビルダー
- リッチテキストの説明
- [Record Fields (レコードフィールド)] の積み重ねられたラベルと値のペア
- チェックリスト ([Show Checklist (チェックリストの表示)] エクスペリエンスプロパティが選択されていることが条件)
- フォーム
- 添付ファイル
- フッター
- アクティビティラベル
- アクティビティステータス
- SLA タイマー
- フッター
- 宣言アクション
すぐに利用可能なアクティビティ UI
プレイブックには、次のアクティビティ UI が含まれています。
- デフォルト
- リスト
- ナレッジ
- レコードジェネレータ
アクティビティ UI にコンテンツを追加する
[コンテンツ] パネルには、アクティビティ UI のコンポーネントが表示されます。すべてのアクティビティ UI には、アクティビティ UI 全体をラップする最も外側のコンポーネントとしてプレイブックカードコンポーネントが含まれています。
| プレイブックカードスロット | 説明 |
|---|---|
| コンテンツ | プレイブックカードに表示する一般的なコンテンツを追加します。 |
| フォーム | フォームスロットは、プレイブックフォームコンポーネント用に予約されています。フォームが大きすぎてプレイブックカード内に収まらない場合、モーダルにフォームが表示される |
| フォームの下 | フォームの下に表示するコンテンツを追加します。 |
| フッター | カードフッターに表示するコンテンツを追加します。 |
アクティビティ UI にデータをバインドする
UI ビルダー でデータバインディングを使用して、プレイブックエクスペリエンスプロパティをアクティビティ UI にバインドします。これらのプレイブックエクスペリエンスデータリソースは、アクティビティ UI のコンポーネントにデータを動的に公開します。
各アクティビティ UI には、実行時に プレイブックによってアクティビティに渡されるエクスペリエンスプロパティのコレクションを定義するエクスペリエンスタイプがあります。たとえば、レコードエクスペリエンスタイプには、プレイブックアクティビティに表示されるフォームを決定するフォームビューエクスペリエンスプロパティが含まれます。
データバインディングは、UI ビルダーの構成パネルの [構成] タブにあります。
たとえば、このリッチテキストコンポーネントの HTML プロパティは、説明エクスペリエンスプロパティにバインドされます。データバインディングの形式は、 @context.props.experienceProperties.description.value です。説明エクスペリエンスのプロパティが変更されると、このコンポーネントはその新しい値を反映するように更新されます。
UI ビルダー 入力時にオートコンプリート値が表示され、適切なエクスペリエンスプロパティに誘導されます。アクティビティ UI に選択したエクスペリエンスタイプに一致するようにオートコンプリート UI ビルダー エクスペリエンスプロパティ。エクスペリエンスプロパティがエクスペリエンスタイプに追加されると、自動的に表示されます。
experienceProperties に加えて、@context.props オブジェクトには、バインドできるその他の有用なデータ (activityState や parentTable など) が含まれています。@context.props と入力して、利用可能なものを確認します。
UI ビルダー のデータバインディングの詳細については、「UI ビルダーのデータリソース」を参照してください。
内でのカスタムアクティビティ UI のプレビュー UI ビルダー
UI ビルダーでカスタムアクティビティ UI をプレビューします。サンプルデータを提供して、実行中のプレイブックでコンポーネントがどのように表示されるかをプレビューできます。
始める前に
必要なロール:プレイブックアドミンまたはアクティビティ作成者
このタスクについて
UI ビルダー で作成したアクティビティ UI をプレビューします。サンプルデータを変更して、実行中のプレイブックでアクティビティがどのように表示されるかをプレビューします。このタスクの構成パネルで行った変更は、ランタイムのアクティビティ UI には影響しません。UI ビルダー内のプレビューにのみ影響します。各エクスペリエンスプロパティの実行時のデフォルト値は、エクスペリエンスプロパティの作成時に設定されます。
手順
-
コンテンツパネルで [本文 ] を選択します。
-
構成パネルで [構成] タブを選択します。
-
[適用] を選択します。
-
[ 構成 ] タブの他のプロパティを変更して、アクティビティ UI をカスタマイズできます。
たとえば、 activityState を変更して、保留中または完了ステータスのアクティビティをプレビューできます。