カスタムプレイブックアクティビティ UI の作成
プレイブックアクティビティのカスタムアクティビティ UI を構築します。
プレイブックアクティビティのデフォルトのユーザーエクスペリエンスを上書きする UI ビルダー を使用して、独自のアクティビティ UI を作成します。 UI ビルダー は、カスタムアクティビティ UI をビルドおよび更新するためのローコード環境を提供します。複数の UI ビルダー コンポーネントを 1 つのプレイブックアクティビティに結合できます。 UI ビルダー では、カスタマイズ可能なテンプレートとしてすぐに利用可能なアクティビティ UI を使用します。
- カードのシェルを含む空の UI テンプレートから新しいアクティビティを構築します。
- カードのシェル内のコンテンツを含む既存の UI テンプレートから新しいアクティビティをビルドします。
- プレイブックアクティビティエクスペリエンスプロパティをデータバインディングを使用してコンポーネントにマッピングします。
- どのアクティビティ UI をどのアクティビティで使用するかを指定するためのルールを定義します。
- 基になるプロセスの実行時に、アクティビティエクスペリエンスプロパティへのリアルタイムの変更を反映します。
プレイブックのカスタムアクティビティ UI を作成する
プレイブックアクティビティのカスタムアクティビティ UI を UI ビルダー 内に作成します。
始める前に
必要なロール：playbook admin
手順
-
[プレイブックアクティビティの上書き] テーブルで [新規] を選択します。
-
UI ビルダーで [Edit (編集)] を選択します。
タスクの結果
でのアクティビティ UI の構成 UI ビルダー
アクティビティ UI は、次の方法で UI ビルダー でカスタマイズできます。
での UI テンプレートの使用 UI ビルダー
- リッチテキストの説明
- レコードフィールドの積み重ねラベル値ペア
- チェックリスト (選択されている [チェックリストの表示] エクスペリエンスプロパティが条件)
- フォーム
- 添付ファイル
- フッター
- アクティビティラベル
- アクティビティ状況
- SLA タイマー
- フッター
- 宣言アクション
すぐに利用可能なアクティビティ UI
プレイブックには、次のアクティビティ UI が含まれています。
- デフォルト
- リスト
- ナレッジ
- レコードジェネレータ
アクティビティ UI にコンテンツを追加する
[コンテンツ] パネルには、アクティビティ UI のコンポーネントが表示されます。すべてのアクティビティ UI には、アクティビティ UI 全体をラップする最も外側のコンポーネントとしてプレイブックカードコンポーネントが含まれています。
| プレイブックカードスロット | Description (説明) |
|---|---|
| コンテンツ | プレイブックカードに表示する一般的なコンテンツを追加します。 |
| フォーム | フォームスロットは、プレイブックフォームコンポーネント用に予約されています。フォームが大きすぎてプレイブックカード内に収まらない場合、フォームはモーダルに表示されます |
| フォームの下 | フォームの下に表示するコンテンツを追加します。 |
| フッター | カードフッターに表示するコンテンツを追加します。 |
アクティビティ UI へのデータのバインド
UI ビルダー でデータバインディングを使用して、プレイブックエクスペリエンスプロパティをアクティビティ UI にバインドします。これらのプレイブックエクスペリエンスデータリソースは、アクティビティ UI のコンポーネントにデータを動的に公開します。
各アクティビティ UI には、 プレイブックによって実行時にアクティビティに渡されるエクスペリエンスプロパティのコレクションを定義するエクスペリエンスタイプがあります。たとえば、レコードエクスペリエンスタイプには、プレイブックアクティビティに表示されるフォームを指示するフォームビューエクスペリエンスプロパティが含まれています。
データバインディングは、UI ビルダー の構成パネルの [構成] タブにあります。
たとえば、このリッチテキストコンポーネントの HTML プロパティは、description エクスペリエンスプロパティにバインドされています。データバインディングの形式は @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 を変更して、保留中または完了状態のアクティビティをプレビューできます。