Bubble：データベースの情報を表示する

1レコードの1フィールドの情報を表示する

１．

　①"Text"を設置

　②"Insert dynamic data"をクリック

　　　

２．"Do a search for"をクリック

　　　

３．"Type"にて表示したいデータベース名を選択

　　　

４．

　①"Search..."をクリック

　②"First item"等、表示したいレコードを指定

　　　

５．表示したいフィールドを選択

　　　

1レコードの複数フィールドの情報を表示する

１．

　①"Group"を設置

　②"Type of content"にて、表示したいデータベースを選択

　③"Data source"をクリック

　④"Type"にて、②と同じデータベースを選択

　　　

２．

　①"Data source"にて、"Search..."をクリック

　②"First item"等、表示したいレコードを指定

　　　

３．

　①設置した"Group"の中に、"Text"を設置

　②"Insert dynamic data"をクリック

　　　

４．"Parent group's 〇〇"を選択

　　　

５．表示したいフィールドを選択

　　　

６．設置した"Text"をコピペしてフィールドの設定を変更

　　　

複数レコードの情報を表示する（一覧表示）

１．

　①"RepeatingGroup"を設置

　②"Type of content"にて、表示したいデータベースを選択

　③"Data source"にて、"Do a search for"を選択

　④"type"にて、②と同じデータベースを選択

　　　

２．

　①設置した"RepeatingGroup"の中に、"Text"を設置

　②"Insert dynamic data"をクリック

　③"Current cell's 〇〇（表示したいデータベース名）"を選択

　④表示したいフィールドを選択

　　　

３．設置した"Text"をコピペしてフィールドの設定を変更

４．詳細設定

　縦スクロール

　　RepeatingGroupの高さを固定にした状態且つ、

　　データが表示しきれない量の場合に、

　　縦スクロールが表示される

　ページを分けて表示する

　　①「前へ」「次へ」ボタンを設置

　　　

　　②RepeatingGroupに表示する行数を設定

　　　

　　③「前へ」ボタンに下図の通りワークフローを設定

　　　

　　④「次へ」ボタンに下図の通りワークフローを設定

　　　

　　⑤両ボタンに下図の通り設定

　　　

　　　

　昇順降順

　　①Search for 〇〇（データベース名）

　　②Fieldを選択

　　③yes（降順）、no（昇順）どちらかを選択

　　　

list型のFieldのデータをRepeating Groupで表示する

　①Repeating Groupを設置する

　②Type of contentにて表示したいFieldのデータ型を選択

　③Do a search for→Typeにて表示したいData typeを選択

　④:each item's［表示したいField名］を選択

　　　

　⑤Repeating Group内に表示したいエレメント（TextやImage等）を設置

　⑥エレメントにCurrent cell's 〇〇（②で選択したデータ型）を設定

　　　

　下図の通りリストが表示される

　　　

"Option sets"を設定した場合の注意点

"Option sets"を設定した"Field"は、"〇〇's Display"と設定する

　　　

データが入力されていない場合に、"-"を表示させる

　①エレメントをダブルクリック⇒"Conditional"タブをクリック

　②"... is empty"と条件を設定

　③"Text"を"-"に設定

　　　

Imageをサイズいっぱいに表示する

　①表示するデータを設定した後ろに、processed with Imgixを設定

　②Risize to fit the dimensions by croppingにチェック