パネルとパネル要素のアクション設定

パネルとパネル要素のアクション設定

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

このページの内容
アプリケーションのライブモードでパネルまたはパネル要素がクリックされたときに実行されるアクションを設定する方法について説明します。アクションの種類には、URL、フォームレポートページを開く、関数を実行するなどがあります。
利用条件
  1. パネルは、Creatorのすべてのプランで作成できます。
  2. 特権管理者、管理者、開発者のみがパネルを作成、管理できます。

1. パネルのアクションの設定

1.1. アクションの種類

 

1.2. 設定方法の確認


1.3. アクションを設定する手順

パネル全体、パネルコンテナー、または特定のパネル要素に対してアクションを設定できます。アクションは、アプリケーションのライブモードでそれらがクリックされたときに開始されます。

1. 対象ページのページビルダーに移動し、左ペインで[パネル]をクリックします。
2. 横に表示される一覧からパネルテンプレートを構築スペースにドラッグ&ドロップします。パネル設定ペインが開きます。
Notes
メモ:パネルがすでに作成されている場合は、ページビルダーでパネルを選択し、[設定]をクリックしてパネル設定ペインを開きます。または、パネルをダブルクリックして設定ペインを開くこともできます。
3. 右側のセクションで[アクション]タブに移動します。パネルコンテナーまたはパネル全体を選択している場合、初期設定で[アクション]タブが表示されます。
4. [アクションの種類]の下にあるドロップダウンをクリックし、パネル、パネルコンテナー、またはパネル要素に関連付けるアクションを次から選択します。
アクションの種類
プロパティ
説明
なし
要素をクリックしても、アクションや移動は実行されません。
URLを開く
i. 開くURLリンクを入力します。
ii. URLを新しいウィンドウ(初期値)、同じウィンドウポップアップのいずれで開くかを選択します。ポップアップを選択した場合、高さをピクセル単位でカスタマイズできます。
フォームを開く
i. 開くフォームを、Creatorアカウント配下に表示されているいずれかのアプリケーションから選択します。
ii. 必要なクエリーパラメーターを次の形式で追加します。
  1. <field_link_name>=${<page_variable>}
  2. <field_link_name>=<value>
これにより、必要な項目の値が自動入力された状態で、ライブモードでフォームが開きます。
Notes
メモ:複数のクエリーパラメーターを渡すには、区切り文字「&」を使用します。
iii. フォームを新しいウィンドウ(初期値)、同じウィンドウポップアップのいずれで開くかを選択します。ポップアップを選択した場合、高さをピクセル単位でカスタマイズできます。
レポートを開く
i. 開くレポートを、Creatorアカウント配下に表示されているいずれかのアプリケーションから選択します。
ii. 必要なクエリーパラメーターを次の形式で追加します。
  1. <field_link_name>=${<page_variable>}
  2. <field_link_name>=<value>
これにより、クエリーパラメーターの値に一致するデータのみを含む対象レポートがライブモードで開きます。
Notes
メモ:複数のクエリーパラメーターを渡すには、区切り文字「&」を使用します。
iii. レポートを新しいウィンドウ(初期値)、同じウィンドウポップアップのいずれで開くかを選択します。ポップアップを選択した場合、高さをピクセル単位でカスタマイズできます。
ページを開く
i. 開くページを、Creatorアカウント配下に表示されているいずれかのアプリケーションから選択します。
ii. 必要なクエリーパラメーターを次の形式で追加します。
  1. <field_link_name>=${<page_variable>}
  2. <field_link_name>=<value>
これにより、対象ページがライブモードで開き、クエリーパラメーターに基づいて特定の情報が表示されます。
iii. ページを新しいウィンドウ(初期値)、同じウィンドウポップアップのいずれで開くかを選択します。ポップアップを選択した場合、高さをピクセル単位でカスタマイズできます。
関数を実行
i. 実行する関数を、Creatorアカウント配下に表示されているいずれかのアプリケーションから選択します。
Notes
メモ:引数を含む関数を選択した場合、引数の横にあるドロップダウンをクリックし、値を渡す適切なページ変数を選択します。代わりに、任意の値を指定することもできます。
ii. 実行を開始するタイミングを選択します。
  1. 即時- 要素をクリックするとすぐに実行されます。
  2. 確認後- 要素をクリックすると確認ポップアップが表示され、その後に実行されます。
Notes
メモ確認後を選択した場合:
  1. 確認メッセージを作成します。初期値は「アクションを実行してもよろしいですか?」です。
  2. [実行の確認]ボタンの値を入力します。初期値は「はい」です。
  3. [実行のキャンセル]ボタンの値を入力します。初期値は「いいえ」です。
iii. 関数の実行後にページにトースト通知として表示される成功メッセージを作成します。
元データ
Notes
メモ:このアクションは、集計データを表示しているテキスト要素でのみ使用できます
  1. テキスト要素に関連付けられているフォームに関連する一覧レポートを選択します。
  2. ページが公開されたときにレポートを表示するには、[公開アクセスを許可]を有効にします。
  3. Notesメモ:このオプションを有効にするには、関連するレポートも公開されている必要があります。
  4. ライブモードでユーザーがテキスト要素をクリックしたときに、レポートをどのように開くかを選択します。
    1. 新しいウィンドウ(初期値)
    2. 同じウィンドウ
    3. ポップアップ

      ポップアップを選択した場合、高さをピクセル単位でカスタマイズできます。
設定内容は自動的に保存され、アプリケーションのライブモードに反映されます。
  1. パネルの概要
  2. パネル要素の追加と管理
  3. パネルとパネル要素の表示設定
  4. パネルとパネル要素のスタイル設定
次のステップ
前へ
次のステップ
パネルのスタイルプロパティを設定し、視覚的に魅力があり、アプリケーションのブランドテーマに沿った表示にする方法を確認します。
前へ
パネルとパネル要素の表示プロパティを設定し、静的データと動的データ、画像やアイコン、CTAボタンをページコンポーネントに表示する方法を確認します。