# トグル

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-245e06f8fb5b77ea5561bd4fc9f9b106f471a52f%2FToggles%20-%20Edited%20\(1\).gif?alt=media)

### 概要

トグルは、ユーザーがアプリ内のデータを素早く更新できるボタンの一種です。トグルの一般的な使用法は2つあります：

* **レコードの真偽値プロパティを更新する**
  * 例：ユーザーコレクションに「管理者であるかどうか」のプロパティがある場合や、Tripsコレクションに「下書きであるかどうか」のプロパティがある場合
  * トグルをクリックすると、ユーザーが表示しているTripが下書きかどうかが更新されます。
* **2つのレコード間の関係を更新する**
  * 例：Tripコレクションに「Travel Party」という複数のユーザーレコードに関連する関係プロパティがある場合
  * トグルをクリックすると、ログインしているユーザーがTravel Partyのメンバーであるかどうかが更新されます。

### トグルの追加

1. 左のツールバーにある「+」ボタンをクリックして追加パネルを開きます。
2. スクロールして「Buttons」カテゴリを展開します。
3. トグルを画面のいずれかにドラッグアンドドロップします。
4. 左側のパネルでトグルの設定を構成します。
   1. トグルする内容を選択します。画面上の利用可能なレコードのいずれかの真偽値プロパティ、または利用可能なレコードを接続する関係プロパティを選択できます。
5. トグルがTrueのときとFalseのときのアイコンと色を選択します。デフォルトでは、アイコンは選択されたチェックボックスと空のチェックボックスです。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-6bec82a6e1912fe1aafa527124f39fc75d0d48e1%2FScreenshot%202019-08-20%20at%208.17.45%20AM.png?alt=media)

### リスト内のトグル

トグルは、カスタムリストのアイテムにも追加できます。

1. 左のツールバーにある「+」ボタンをクリックして追加パネルを開きます。
2. スクロールして「Lists」カテゴリを展開します。
3. 「Custom List」を選択して画面にドラッグアンドドロップします。
4. カスタムリストの左側の編集パネルで、これがリストのコレクションであるかを選択します。
5. リストコンポーネントの設定の「Components」カテゴリを展開します。
6. 「Add Component」をクリックします。
7. 追加パネルで「Buttons」カテゴリを展開します。
8. トグルを画面の最初のリストアイテムにドラッグアンドドロップします。
9. 上記のようにトグルを構成します。リストアイテムの真偽値プロパティをトグルするか、画面上の他の利用可能なレコードとの関係をトグルするかを選択できます。たとえば、Tripを表示している場合で、カスタムリストがユーザーのリストである場合、ユーザーがTripのTravel Partyのメンバーであるかどうかをトグルできます。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-14993fab7d58d8b9b09af70f2f6d56b709e51c9b%2FToggles.gif?alt=media)