「ボタンアクションの設定」

「ボタンアクションの設定」

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

ページ内のボタンがクリックされたときに発生するアクションを定義することができます。ボタンクリックには、外部のURLへのリダイレクト、Zoho Creatorコンポーネント(フォーム、レポート、ページなど)のオープン、またはボタンクリック時にトリガーされるカスタム関数の指定など、様々なアクションをリンクすることができます。

ボタンアクションを設定するには,

  1. アプリを編集します。
  2. 左上のアコーディオンメニューから、または中央のアプリケーションプレビューから必要なページを選択してください。あなたはその デザイン  ページに連れて行かれます。
  3. デバイスのアイコンをクリックすると、選択したデバイスのデザインビューに移動します。

  4. 中央でマウスをのせ、 ページビルダーを開く をクリックします。
  5. 構成したいボタンを持つパネルを選択するには、クリックしてください。
  6. ヘッダーエリアのページビルダーのツールバーの中の「設定」オプションをクリックしてください。「パネル設定」パネルがスライドインします。
  7. パネル内のボタンをクリックして選択してください。
  8. 右側の設定オプションから アクション を選択します。

  9. 「オプションから選択してください:
    • なし : 以前に関連付けられたいかなるアクションも削除するためにこのオプションを使用します。
    • Open URL :特定のターゲットウィンドウで指定されたURLを開きます。
      • Open URL アクションを設定するには:
        • Open URL 」を選択してください。
        • 以下の空欄に、開きたいURLを入力してください。
        • Open in 」のドロップダウンからターゲットウィンドウを選択してください。 
    • フォームを開く :指定されたフォームを開きます。アカウント内のあらゆるアプリケーションからフォームを選択できます。
      • Openフォームアクションの設定方法:
        • 開いたフォーム」を選択してください。
        • フォームを選択 ボタンに関連付ける。

          注:  アプリケーション内のすべてのフォームが表示される  フォーム  ドロップダウンリストを選択します。他のアプリケーションからフォームを選択するには、フッターの  変更アプリ  オプションを青色でクリックします。他のアプリケーションを選択し、  完了  をクリックしてすべてのフォームを表示します。 

        • クエリパラメーターを入力してください

          Open Formアクションにクエリパラメーターを追加すると、パラメーター文字列で指定されたフィールドに対して事前に入力された値を持つ関連フォームがロードされます。 複数のパラメーターを渡すことができます。各パラメーターを  &  (amp)記号で区切ります。
          パラメーター形式:

          1. フィールドリンク名=${ページパラメーター名}
          2. フィールド名=値

            例:

        • 「開く」ドロップダウンからターゲットウィンドウを選択してください。 
    • レポートを開く : 指定されたレポートを開きます。 アカウント内のあらゆるアプリケーションからレポートを選択することができます。
      • オープンレポートアクションを設定するには:
        • レポートを開く」を選択してください。
        • レポートを 選択してボタンに関連付けてください。

          注意:  レポートドロップダウンには、現在作業しているアプリケーション内のすべてのレポートがリスト表示されます。他のアプリケーションからレポートを選択するには、フッターの変更アプリ オプションを青色でクリックしてください。他のアプリケーションを選択し、完了 をクリックして、その中のすべてのレポートを表示します。 

        • クエリパラメーターを入力してください

          オープンレポートアクションにクエリパラメーターを追加すると、パラメーター文字列で指定された条件に基づいて関連するレポートがロードされます。 複数のパラメーターを渡すことができます。各パラメーターを  &  (amp)記号で区切ります。
          パラメーター形式:

          1. フィールドリンク名=$(ページパラメーター名)
          2. フィールド名=値

          「=」(イコール)以外の演算子を使用してレポート条件を設定するURL形式は、  FieldName1_op  &  FieldName2_op  です。

          演算子のコンスタントのリストについては、こちらの  テーブル  を参照してください。

            例:

        • 「開く」のドロップダウンから対象のウィンドウを選択してください。 
    • ページを開く :指定されたページを開きます。 アカウント内のあらゆるアプリケーションからページを選択できます。
      • Openページアクションの設定方法:
        • オープンページ」を選択してください。
        • ページを選択 ボタンに関連付ける。

          注意:   ページ  ドロップダウンリストには、現在作業中のアプリケーション内のすべてのページが表示されます。別のアプリケーションからページを選択するには、 ページ  ドロップダウンのフッターにある  アプリケーションを変更  オプションをクリックします。別のアプリケーションを選択し、  完了  をクリックして、その中のすべてのページを表示します。 

        • クエリパラメータを入力してください。

          Open Pageアクションにクエリパラメータを追加すると、開くページのパラメータに値を提供できます。

          パラメータ形式:
          1. フィールドリンク名=${ページパラメータ名}
          2. フィールド名=値

          複数のパラメータを渡す場合は、「&」記号で区切ってください。

        • 「開く」のドロップダウンからターゲットウィンドウを選択してください。 
    • 実行関数:Zoho Creatorアカウントのいずれかのアプリケーションで指定されたカスタム関数を実行します。
      • Execute機能アクションを設定するには:
        1. 実行機能 」を選択します。
        2. カスタム関数を選択してください  ボタンに関連付ける。

          注意:  「関数」 ドロップダウンリストには、現在作業中のアプリケーション内のすべてのカスタム関数が表示されます。他のアプリケーションから関数を選択するには、「関数の選択」ドロップダウンのフッターのブルーの「アプリケーションを変更」オプションをクリックします。他のアプリケーションを選択し、すべての関数を表示するには「完了」をクリックします。 

        3. パラメータを選択してください。

          選択した関数の引数を選択し、ページパラメータとして渡すことができます。

        4. ファンクションワークフローを実行するタイミングを選択します:  即時  または  確認後
          • 即時 」を選択した場合は、次のステップ(v)に進みます。
          • 確認後 」を選択した場合は、 確認メッセージ  と、 実行確認 実行取消 のボタンテキストを指定する必要があります。  詳細をご覧ください
        5. 関連機能の実行が成功した場合に表示される成功メッセージを指定してください。
  10. 変更を行って、パネル構成 パネルを閉じることができます。変更は自動保存されます。

ボタンでの機能実行の確認

記録を削除するなどの操作を実行する前に、それを実行するかどうかの確認を行うことで、重要な記録を偶然削除してしまうことを防止できます。時には、記録が削除されたことすら気づかず、複数の記録が偶然削除されてしまうこともあります。このような場合、実行前に操作の要求を確認するのは常に安全です。 

以下は、アクションを実行する前に確認を行う必要があるいくつかのシナリオです。

  • 削除
  • 承認または拒否
  • ステータスの変更
  • メールの送信
注意 : ページ内では、この確認は機能を実行する場合にのみ利用可能です。

機能の実行に関するアクションの確認を設定する

  1. アプリケーションを編集する
  2. ページビルダーを開き、設定したいボタンを含むパネルを選択してください。
  3. ヘッダーエリア内の「設定 」オプションをクリックしてください。設定 パネルがスライドしてきます。
  4. パネル内の  ボタン  をクリックして選択します。
  5. 右側の アクション タブをクリックし、 アクションタイプ のドロップダウンから 機能を実行 を選択します。
  6. カスタム関数を選択し、引数の値を指定してください。
  7. 「確認後」をクリックして、「ワークフローの実行」セクションを実行してください。
  8. 次を指定してください:
    • 確認メッセージ : ユーザーが確認して実行を実行するときに実行されるアクションを知らせる確認ポップアップに表示されるメッセージです。
    • 確認実行ボタン : 機能の実行を確認するために表示されるボタンのテキストです。
    • キャンセル実行ボタン : 機能の実行をキャンセルするために表示されるボタンのテキストです。

      注意 : 確認実行ボタンとキャンセル実行ボタンのデフォルト値はそれぞれ「はい」と「いいえ」です。
  9. 変更は自動的に保存されます。ライブモードでページにアクセスすると、機能が実行される前に確認のポップアップが表示されます。

ZMLスクリプトによる機能実行の確認

以下のスクリプトは、ボタンコンポーネントのexecute関数アクションの確認ポップアップの詳細(確認メッセージ、確認実行ボタン、キャンセル実行ボタン)を構成する方法を示しています。

<panel>
  <pr width='fill' height='fill'>
    <pc padding='20px' bgColor='#FFFFFF' width='100%' vAlign='middle'>
      <pr width='auto' height='auto'>
        <pc padding='5px' vAlign='middle'>
          <pr>
            <pc>
              <text size='15px' uppercase='false' underline='false' bold='false' italic='false' type='Text' value='Order Details'> </text>
            </pc>
          </pr>
          <pr>
            <pc>
              <button marginLeft='0px' marginRight='0px' marginBottom='0px' marginTop='0px' action='ExecuteFunction' executeWorkflow='afterConfirmation' confirmationMsg='Proceed to view order details?' confirmButtonText='Yes, proceed' cancelButtonText='No, cancel' functionName='getRecordDetails' color='#ffffff' size='16px' uppercase='false' underline='false' bold='false' italic='false' text='View' type='flat' bgColor='#0072f4' successMsg='have viewed the order details!' /> </pc>
          </pr>
        </pc>     
     </panel>
<panel>
  <pr width='fill' height='fill'>
    <pc padding='20px' bgColor='#FFFFFF' width='100%' vAlign='middle'>
      <pr width='auto' height='auto'>
        <pc padding='5px' vAlign='middle'>
          <pr>
            <pc>
              <text size='15px' uppercase='false' underline='false' bold='false' italic='false' type='Text' value='注文の詳細'> </text>
            </pc>
          </pr>
          <pr>
            <pc>
              <button marginLeft='0px' marginRight='0px' marginBottom='0px' marginTop='0px' action='ExecuteFunction' executeWorkflow='afterConfirmation' confirmationMsg='注文の詳細を表示しますか?' confirmButtonText='はい、続行します' cancelButtonText='いいえ、キャンセルします' functionName='getRecordDetails' color='#ffffff' size='16px' uppercase='false' underline='false' bold='false' italic='false' text='表示' type='flat' bgColor='#0072f4' successMsg='注文の詳細を表示しました!' /> </pc>
          </pr>
        </pc>     
     </panel>

関連トピックス


    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Desk Resources

              • Desk Community Learning Series


              • Digest


              • Functions


              • Meetups


              • Kbase


              • Resources


              • Glossary


              • Desk Marketplace


              • MVP Corner


              • Word of the Day









                                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.