IconとGroupFocusを設置
①Iconクリック時にGroupFocusを表示する設定
② ①の後に、Set stateを設定（値はyes）
③When…のboxをクリックし、作成したstateがnoの時という条件を追加
①When…boxを複製し、stateがyesの時という条件に変更
②GroupFocusを非表示にする設定
③ ②の後に、Set stateを設定（値はno）
Set stateに関する詳細はこちらの記事を参考に。
※Google Cloud側でBubbleアプリのドメインを指定する際は、
「・・・io」までを指定する
①SaerchBoxを設置
②Placeholderに文言を入力
③Chonces StyleにてGeographic placesを選択
④Singleを選択
⑤設置したSaechBoxの値を設定
⑥任意で選択
⑦任意で選択
⇒位置情報を文字入力できる
①
下図のように、上部にタブを、
下部に、タブと連動して表示させるコンテンツを縦に配置する。
タブ内に、マーカーの役割をするShapeを配置する。
②
タブBのShapeのThis element is visible on page load
のチェックを外す。
コンテンツABのCollapse when hiddenにチェック。
コンテンツBのThis element is visible on page load
のチェックを外す。
①「タブA」クリック時のワークフロー
・タブAのShapeを表示する
・タブBのShapeを非表示にする
・コンテンツAを表示する
・コンテンツBを非表示にする
②「タブB」クリック時のワークフロー
・タブBのShapeを表示する
・タブAのShapeを非表示にする
・コンテンツBを表示する
・コンテンツAを非表示にする
①メニューバーを作成
※メニューバーの最小限幅をキープするGroupには、
pxで固定幅を設定する
②コンテンツ幅をキープするGroupにIDを設定し、下記CSSを適用する
<style>
#menu-container{
overflow-x: auto !important;
}
</style>
１．メニューバーとハンバーガーアイコンを設置
２．メニューバーのGroupに、以下を設定
①Layout
②Conditinal
３．ハンバーガーアイコンに、以下を設定
①Layout
②Conditinal
①Group（Row型）の中に、複数エレメントを設置
②各エレメントの幅を、%で指定
※親GroupのPaddingを含めた合計が100%を超えないように注意
③各エレメントのConditionalを下記の通り設定
①タイムラインを表示したい場所に、HTMLを設置
②Display as an iFrameにチェック
③こちらのページにて表示したいアカウントのURLを入力
④Embdded Timelineを選択
⑤コードをコピー
⑥ ①で設置したHTMLにコードを張り付け
①データベース：Userに、「運営者」というFieldをyes/no型で作成しておく。
②運営者には、yesを入力
※運営者設定は、運営画面での操作は用意せず、
Bubbleでのみ行えるようにしておく。
③新たなruluを作成し、ログイン中ユーザーが運営者の場合、
全てが見える設定をする
④新たなruluを作成し、ログイン中ユーザーの閲覧権限を制限する
⑤自分のデータは全て閲覧できる設定（デフォルトのまま）
⑥その他の場合は、何も権限を与えない設定
ユーザー名を含むFieldが有るデータベースであれば、
下記のような設定も可能
①ページローディング時のワークフローに、
運営者以外がアクセスした場合は、エラーページに移動する設定
②全てのエレメントを包括するグループに、
運営者以外の場合は非表示の設定
①ページローディング時のワークフローに、
ログアウトした状態でアクセスした場合は、
エラーページに移動する設定
②運営ページを参考に、閲覧制限したいグループに、
ログアウト時のコンディショナルを設定する
