zc_LoadInパラメーターの設定方法

zc_LoadInパラメーターの設定方法

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

zc_LoadIn ページパラメーターの詳細については、こちらをクリックしてください。
  1. アプリコンポーネントをポップアップで開く
  2. アプリコンポーネントを HTML/iframe コンテナで開く

アプリコンポーネントをポップアップで開くには

以下の手順に従って、ページ読み込み時に zc_LoadIn パラメーターを使用してアプリコンポーネントをポップアップで読み込むことができます。

URL で zc_LoadIn=dialog パラメーターを使用するには

  1. アプリの編集モードに移動します。
  2. 対象ページのビルダーを開きます。
  3. HTML スニペットをビルダーにドラッグ＆ドロップします。右側から設定ペインがスライド表示されます。

  4. また、ビルダー内に既存の HTML スニペットがある場合：
    1. 設定したいスニペットをダブルクリックします。
    2. または、スニペットをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。

  5. ボタン要素をビルダーにドラッグ＆ドロップします。右側から設定ペインがスライド表示されます。
  6. また、ビルダー内に既存のボタンがある場合：
    1. 設定したいボタンをダブルクリックします。
    2. または、ボタンをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。
    3. 表示タブで、ボタンに適切な名前を入力します。
  7. 操作タブで：
    1. 操作の種類としてフォームを開くを選択します。
    2. ボタンクリック時に開きたい対象フォームを選択します。
    3. クエリパラメーターとして zc_LoadIn=embed-openform を指定します。ここで、openform は、前述の <div> コンテナの名前です。
    4. 開く場所で 同じウィンドウ を選択します。

  8. 上記の手順3～6を、他の 2 つのボタン Food Complaint と Restroom Complaint に対しても繰り返します。
  9. パネル設定ペインを閉じます。変更内容は自動的に保存されます。
公開済みアプリでページにアクセスすると、「追加する Complaints」フォームが HTML スニペットコンテナ内に表示されます。ユーザーが Raise Water Complaint ボタンをクリックすると、対応する苦情フォームがポップアップとして読み込まれます。



アプリコンポーネントを埋め込みコンテナ（HTML/iframe 埋め込み）で開くには

zc_LoadIn パラメーターを使用すると、アプリコンポーネントを埋め込みコンテナ内に読み込むことができます。
  1. 構文の作成
  2. パラメーターの使用方法

構文の作成

div 埋め込みを zc_LoadIn パラメーター内の参照として使用するには、次の手順で div を作成し、名前を付ける必要があります。
  1. アプリの編集モードに移動します。
  2. 対象ページのビルダーを開きます。
  3. HTML スニペットをビルダーにドラッグ＆ドロップします。右側から設定ペインがスライド表示されます。
  4. また、ビルダー内に既存の HTML スニペットがある場合：
    1. 設定したいスニペットをダブルクリックします。
    2. または、スニペットをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。
  5. 左ペインからフォームの埋め込みタスクをドラッグ＆ドロップし、次のように div 名を指定します。
    <div 名前='openform'>......</div>
    メモ:
    1. Creator アプリコンポーネントの URL を指定する場合は、次の形式にする必要があります。zc_LoadIn パラメーターは、ハッシュ（#）付きの Creator コンポーネント URL でのみ機能します。
      openUrl('#Form:Order_Details?zc_LoadIn=embed-myform','same window');
    2. ウィンドウの種類は「同じウィンドウ」に設定する必要があります。
  6. 必要に応じてスニペットに名前を指定し、保存をクリックします。

  7. ペインを閉じます。変更内容は自動的に保存されます。

パラメーターの使用方法

  1. アプリの編集モードに移動します。
  2. 対象ページのビルダーを開きます。
  3. ボタン要素をビルダーにドラッグ＆ドロップします。右側から設定ペインがスライド表示されます。
  4. また、ビルダー内に既存のボタンがある場合：
    1. ダブルクリックして、設定したいボタンを開きます。
    2. または、ボタンをクリックして選択し、ページビルダー上部中央のツールバーにある設定オプションをクリックします。
    3. 表示タブで、ボタンに適切な名前を入力します。
  5. 操作タブで：
    1. 操作の種類としてフォームを開くを選択します。
    2. ボタンクリック時に開きたい対象フォームを選択します。
    3. クエリパラメーターとして zc_LoadIn=embed-openform を指定します。ここで openform は、前述の <div> コンテナの名前です。
    4. 開く場所で同じウィンドウを選択します。

  6. 上記の手順3～6を、他の 2 つのボタン Food Complaint と Restroom Complaint に対しても繰り返します。
  7. パネル設定ペインを閉じます。変更内容は自動的に保存されます。
公開済みアプリでページにアクセスすると、追加する Complaints フォームが HTML スニペットコンテナ内に表示されます。ユーザーが Raise Water Complaint ボタンをクリックすると、対応する苦情フォームが同じ HTML スニペットコンテナ内に読み込まれます。