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 スニペットコンテナ内に読み込まれます。








              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts









                                  • Related Articles

                                  • zc_LoadInパラメーターの理解

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 パラメーターとは、クエリ文字列としてページ URL に付加される名前付きの値です。 この URL 形式により、ブラウザーの更新や再読み込みを行ってもデータが保持され、ページの読み込み時に動的な値を設定できます。 Creator ...
                                  • 埋め込みフォームとレポートのスタイルベースURL

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 このトピックでは、Zoho Creatorのフォームとレポートの外観をカスタマイズするために使用するパラメーターを一覧で示します。これらのパラメーターは、ページに埋め込んだフォームとレポートに適用できます。 フォームのプロパティ 説明 パラメーター/Value ...
                                  • HTMLスニペットの作成と管理

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 スニペットは、単体で利用できる再利用可能なコードで、追加の機能を実装するために使用します。HTML スニペットとは、HTML で記述されたコードの一部分です。これを使って、リスト表示、スタイルの異なるボタン、テキスト表示、カスタマイズした検索バーなど、さまざまな要素を作成できます。 ...
                                  • Zoho Creator ウィジェットキット

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 概要 1. このキットの目的 このキットは、既存の Figma デザインを利用して Zoho Creator でウィジェットを作成する際に役立つよう設計されています。Creator ...
                                  • マトリックス選択肢を使ったアンケートの作成方法

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 要件 選択肢を横一列に並べた マトリックス形式のアンケートを作成して、 フィードバックを収集します。 利用ケース フライト予約アプリケーションが複数のユーザーに利用されています。ユーザーはこのアプリを使ってフライトを予約し、その後に フィードバックフォームが送信され、 ...

                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.