FlexCard (管理パッケージ) のプレビュー

管理パッケージランタイムの場合、Lightning ページまたはエクスペリエンスビルダーサイトに公開する前に FlexCard の外観と機能をプレビューします。[プレビュー] で、Flexcard が複数のデバイスでどのように表示されるかをテストし、アクションリンクやその他のインタラクティブ要素の機能をテストします。

1. Flexcard Designer サブメニューで、[プレビュー] をクリックします。
   

   重要

   [プレビュー] キャンバスにコンテンツが表示されない場合は、[リモートサイトの設定] で組織ドメインへのアクセス権を付与していることを確認してください。「Update Remote Site Settings to Preview Your Flexcard (Managed Package) (FlexCard (管理パッケージ) をプレビューするためのリモートサイト設定の更新)」を参照してください。

2. (省略可能) テストパラメータを追加するには、[テストパラメータを追加] をクリックし、次の作業を行います。

   • [Key] に、FlexCard での表示方法とデータをテストする変数を入力します。たとえば、データテーブル要素に表示するページ数を更新するには、 pagelimit を入力します。「FlexCards コンテキスト変数 (管理パッケージ)」を参照してください。

   • [値] にテスト値を入力します。たとえば、キーが pagelimit の場合、データテーブル要素に表示するページ数を 2 に制限するには 2 と入力します。

   • 別のパラメータをキー/値のペアとして入力する場合は、[追加] をクリックします。

3. (省略可能) Flexcard がさまざまなデバイスでどのように表示されるかを確認するには、[ビューポート] ドロップダウンから選択します。
   

   メモ

   ビューポートの幅に応じて要素の幅を変更できるようにするには、「Flexcard での反応型要素の作成 (管理パッケージ)」を参照してください。

4. (省略可能) Summer '21 以降、[データ JSON] パネルから Flexcard のデータ JSON を表示します。「FlexCard のデータ JSON (管理パッケージ) の表示」を参照してください。
5. (省略可能) Summer '21 以降、アクションデバッガパネルからアクションおよびイベントの要求と応答をデバッグします。「 Flexcard アクションおよびイベントの要求と応答のデバッグ (管理パッケージ)」を参照してください。
6. (省略可能) Summer '21 以降、FlexCard を全幅でプレビューするには、切り替えアイコン () をクリックしてデバッグパネルを閉じます。