右ウィンドウ詳細(エレメント設定)

 
右ウィンドウでは、エレメントの設定、UIの変更、クリック時の動作(ClickFlow)を設定することができます。

エレメント

各エレメントの骨組み
エレメントタブでは
  • エレメントの名前変更
  • 表示設定
  • エレメントの詳細設定
ができます。
ページを選択するとアプリを起動した際の開始ページを選択することができます。
 

スタイル

エレメントのUI

 
スタイルタブではエレメントのスタイル(装飾)の設定ができます。
  • 配置位置
  • フォント
  • その他…
エレメントごとに設定できる項目が異なります。

ClickFlow

エレメントをクリックした際の動作

ここでは、各エレメントをクリックした時の動作(ページ移動や、データベースへのデータの追加・更新・削除など)を設定します。

ページ移動

選択されたページへ移動します。
①新規ページ  新規ページを作成し、そのページに移動する設定をします。
②←戻る  直前に訪れたページに戻ります。
③ページ名(アカウント登録 / ログイン)  この欄には開発画面に存在するページ名が表示されます。  選択されたページへ移動します。
④ウェブサイトに行く  入力されたURLをブラウザで開きます。

作成

レコードを作成します。
⑤ここにはデータベースに存在するテーブル名が表示されます。  新規レコードを作成したいテーブルを選択します。

更新

選択されたレコードを更新します。
①ここにはデータの引き継がれているレコードが表示されます。  更新したいレコードを選択します。

削除

選択されたレコードを削除します。
①ここにはデータの引き継がれているレコードが表示されます。  削除したいレコードを選択します。

カスタムClickFlow

APIキーを使って外部サービスと連携し新たなClickFlowを作成します。 ①作成したカスタムClickFlowはこの欄に追加され、選択して使用することができます。

その他

①エレメントの値変更  インプットエレメントの値を変更します。
②ログイン  Users テーブルに関するClickFlowです。
  • ログイン ユーザーをログインさせます。
  • ログアウト ユーザーをログアウトします
  • 登録 ユーザーレコードを作成し、ログイン状態を保持します。