UIB でのページバリアントの設計

ワークスペースモーダルからバリアントに渡すように UI ビルダーのページバリアントを構成します。このステップは、カスタムモーダルを開くためのアクションボタンを構成するプロセスの一部として機能します。

始める前に

次のアクションを実行します。

• フォームアクションの作成
• カスタマーサービス管理 (CSM) のアクティブ化
• UIB でレコードページを開くか、 UIB でページバリアントを作成します

必要なロール：アドミン

手順

1. ページバリアントを開きます。
2. [本文] 要素の下にある [+ コンポーネントを追加 ] を選択して、ページに表示するコンポーネントを追加します。
3. 追加したコンポーネントを選択し、[ テーブル] フィールドを選択します。
4. 設定を [データをバインド] に切り替え@context.props.table と入力してテーブルプロパティにドット連結します。
5. [タイトル] フィールドを選択し、 スクリプトモードに切り替えます。
6. 次のスクリプトを入力し、URL パラメーターを介して受信した sysID を JS テンプレート変数として渡します。

   function evaluateProperty({ api, helpers }) {
   	return `Only ${api.context.props.sysId}`;
   }

7. スクリプトの [適用] を選択し、[ 保存] を選択します。

タスクの結果

テーブル変数と sysID 変数は、モーダルから URL を介してバリアントに渡されるように構成されています。