右ウィンドウ詳細(エレメント設定)
右ウィンドウでは、エレメントの設定、UIの変更、クリック時の動作(ClickFlow)を設定することができます。
エレメント
各エレメントの骨組み
エレメントタブでは
- エレメントの名前変更
- 表示設定
- エレメントの詳細設定
ができます。
ページを選択するとアプリを起動した際の開始ページを選択することができます。
スタイル
エレメントのUI
スタイルタブではエレメントのスタイル(装飾)の設定ができます。
- 配置位置
- フォント
- 色
- 影
- その他…
エレメントごとに設定できる項目が異なります。
ClickFlow
エレメントをクリックした際の動作
ここでは、各エレメントをクリックした時の動作(ページ移動や、データベースへのデータの追加・更新・削除など)を設定します。
ページ移動
選択されたページへ移動します。
①新規ページ
新規ページを作成し、そのページに移動する設定をします。
②←戻る
直前に訪れたページに戻ります。
③ページ名(アカウント登録 / ログイン)
この欄には開発画面に存在するページ名が表示されます。
選択されたページへ移動します。
④ウェブサイトに行く
入力されたURLをブラウザで開きます。
作成
レコードを作成します。
⑤ここにはデータベースに存在するテーブル名が表示されます。
新規レコードを作成したいテーブルを選択します。
更新
選択されたレコードを更新します。
①ここにはデータの引き継がれているレコードが表示されます。
更新したいレコードを選択します。
削除
選択されたレコードを削除します。
①ここにはデータの引き継がれているレコードが表示されます。
削除したいレコードを選択します。
カスタムClickFlow
APIキーを使って外部サービスと連携し新たなClickFlowを作成します。
①作成したカスタムClickFlowはこの欄に追加され、選択して使用することができます。
その他
①エレメントの値変更
インプットエレメントの値を変更します。
②ログイン
Users テーブルに関するClickFlowです。
- ログイン ユーザーをログインさせます。
- ログアウト ユーザーをログアウトします
- 登録 ユーザーレコードを作成し、ログイン状態を保持します。