# ポップアップ設定

下記画像の赤枠内にて、レコード詳細ポップアップに表示するボタンとその並び、デフォルトで開くタブを設定します。

<div align="left"><figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2FujxQRdNbCLIzuX7jxuo5%2Fimage.png?alt=media&#x26;token=abdb15b2-b5b0-4d40-91a4-349ba58fdff6" alt="" width="563"><figcaption></figcaption></figure></div>

<details>

<summary>目次</summary>

* [1.ポップアップで使用するボタンとその並びを設定する](#h_0875465ea4)
  * [1.1 使用しないボタンを非表示にする](#id-11-shinaibotanwonisuru)
  * [1.2 ボタンの並び替え](#id-12-botannobie)
  * [1.3 ボタンの追加](#h_0875465ea4-1)
  * [1.4 画面フローを起動するボタンの追加](#id-14-furwosurubotanno)
* [2.ポップアップで最初に開くタブを指定する](#h_0875465ea4-2)

</details>

***

## 1. ポップアップで使用するボタンとその並びを設定する <a href="#h_0875465ea4" id="h_0875465ea4"></a>

レコード詳細ポップアップのヘッダーに表示される各ボタンは、使用する・しないの選択と、並び順を設定できます。また、画面フローを呼び出すボタンを追加することもできます。

<div align="left"><figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2FSGT86nIWhiXgQvvIZySK%2F%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%81%9F%E7%94%BB%E5%83%8F_2024_03_26_20_02.png?alt=media&#x26;token=b724c203-5ae8-4b50-96a4-0b945fc7ebe8" alt="" width="563"><figcaption></figcaption></figure></div>

### 1.1 使用しないボタンを非表示にする

デフォルトの「マッチング作成」をフローで置き換える場合など、使用しないボタンは右の「X」アイコンで削除することができます。

<figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2Fmab7eKN6Ev2PSQnIxowu%2Fimage.png?alt=media&#x26;token=117b2d37-7001-4490-b189-c1ba22ec5b6f" alt=""><figcaption></figcaption></figure>

### 1.2 ボタンの並び替え

表示順の並び替えは、項目を選択して右の並び替えボタンで入れ替えることができます。

<div align="left"><figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2FZ6CXFXOOK1HihFLtjlLa%2F%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%81%9F%E7%94%BB%E5%83%8F_2024_03_29_8_27.png?alt=media&#x26;token=4b37d297-c5f8-4f20-9a13-e6f1bb50ffc3" alt="" width="563"><figcaption></figcaption></figure></div>

### 1.3 ボタンの追加 <a href="#h_0875465ea4" id="h_0875465ea4"></a>

削除したボタンを再度追加するには、「ボタンを追加」から選択します。

<div align="left"><figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2FvQGmSXyaBLlxFG56UFHR%2F%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%81%9F%E7%94%BB%E5%83%8F_2024_03_29_8_32.png?alt=media&#x26;token=25a69365-961e-4c0f-bf96-9bbd91dcd306" alt="" width="563"><figcaption></figcaption></figure></div>

追加可能なボタンは以下の通りです。

* 「マッチングを作成・編集」：中心点のレコードとポップアップしたレコードのマッチングレコードを作成する標準画面を開きます。マッチング済みの場合は、マッチングレコードの編集画面を開きます。
* 「マッチングレコード」：マッチング済みのレコードを開いた場合のみ表示され、マッチングレコードの詳細ページを開きます。
* 「マッチング一括処理候補」：ポップアップしたレコードをマッチング一括処理候補一覧に追加します。マッチング済みのレコードの場合は非表示になります。
* 「ルート検索」：中心点からポップアップしたレコードの場所へのルート検索をGoogleマップに表示します。
* 「画面フロー」：画面フローを呼び出すボタンを追加します。

### 1.4 画面フローを起動するボタンの追加

「ボタンの追加」メニューから「画面フロー」を選択した場合は、以下の画面フロー設定画面が表示されます。

<div align="left"><figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2FQ53eai6MTDvGyfP31H1K%2Fimage.png?alt=media&#x26;token=ca163f6e-cebf-467c-967a-0f539194cfea" alt=""><figcaption></figcaption></figure></div>

各入力は以下の通りです。

* 「フロー」：有効な画面フローをリストから選択します。フローのラベルで絞り込めます。必須。
* 「ボタンラベル」：ポップアップに表示されるボタンのラベルを指定します。必須。
* 「中心点レコードのIDを受け取るパラメーター」：中心点（地図のヘッダーに表示されるレコード）のレコードIDを渡す入力パラメーターを指定します。オプション。
* 「地図に表示するレコードのIDを受け取るパラメーター」：地図上で選択してレコード、つまりポップアップに詳細が表示されているレコードのIDを渡す入力パラメーターを指定します。オプション。
* 「マッチングレコードのIDを受けとるパラメーター」：選択したレコードにマッチングが作成されている場合に、マッチングレコードのIDを渡す入力パラメーターを指定します。オプション。
* 「フロー実行後にレコードを再読み込みする」：チェックを入れた場合、画面フロー実行後にレコードの再読み込みが実行され、リストの情報が最新の情報に更新されます。オプション。

各入力パラメーターの選択はオプション（任意）です。

「追加」をクリックすると、選択した画面フローを呼び出すボタンが追加されます。

画面フローのボタンには右側の歯車のアイコンから設定の変更が可能です。

<figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2F7rVffxP98O9OLEQYL50m%2F%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%81%9F%E7%94%BB%E5%83%8F_2023_06_22_18_12.png?alt=media&#x26;token=5ccbedc4-ebb1-42e1-838e-af2937ea7d86" alt=""><figcaption></figcaption></figure>

***

## 2. ポップアップで最初に開くタブを指定する <a href="#h_0875465ea4" id="h_0875465ea4"></a>

地図にプロットされたマーカーをクリックして表示されるレコード詳細ポップアップは、ページレイアウトのセクションごとにタブで表示します。

タブの並び順は、ユーザが割り当てれているページレイアウトのセクションの順に左から並びます。

MatchingMapでは、レコード詳細ポップアップを開いたときに、最初に表示するタブを設定することができます。

<figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2FPUVAqcbCXgRIIoIkUTe8%2Fimage.png?alt=media&#x26;token=f7155331-8011-4ed7-8f1f-636fae0e5398" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://1700534529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9fHkK9h-Qk2rdQfzI0%2Fuploads%2F19E1o1Pwkt2M8cTKqxj0%2Fimage.png?alt=media&#x26;token=f4ca8817-6136-4d77-8575-7eb84a721a4f" alt="" width="563"><figcaption></figcaption></figure></div>

「デフォルトで開くセクションのラベル」に値が設定すると、詳細ポップアップを開いた際に、入力した値にマッチするセクションがあった場合それを最初に開きます。
