こんにちは!ゆかゆかです。
今日はスイッチボタンを設定してみます。
スイッチボタンはスマホの設定とかでよく見かけるやつですね。
右と左のスライドでON/OFFを切り替えられるようにします。
今回は、写真共有アプリ用の写真で
公開ON/OFFを設定できるスイッチボタンを用意してみます。
1. Adaloの設定
MarketplaceからSwichをダウンロード
まずはMarketplaceからSwichをインストールしてください。
- + ボタン > ADD COMPORNENT > EXPLORE MARKETPLACE を選択
- Switch をINSTALL
スイッチ用項目の準備
続いて、スイッチに使用する項目を用意していきます。
「TRUE / FALSE」項目を用意すればスイッチを使用できます。
- 任意のデータコレクションの + ADD PROPERTY を選択
- True / False を選択
- 項目名を設定
- SAVEを選択
今回は、写真共有アプリ用の写真を公開を制御する項目を用意します。
左の画面の写真をタップして、写真の詳細に飛んだ時に
公開のOn/Off スイッチを設定してみます!
- + を選択
- ADD COMPONENT を選択
- Installed > Switch を選択
画面の右上に設置しました。
- What does this switch change? を選択
- Current 写真(オブジェクト名) > 公開(先ほど作った項目)を選択
Actions when switch turned ON
スイッチがOnになった時の設定をしていきます。
- + ADD ACTION を選択
- Update > Current 写真
- 公開項目にTrueを設定
これで、スイッチをOnにした時に公開項目がOnになる設定ができました。
Actions when switch turned OFF
続いて、スイッチがOffになった時の設定をしていきます。
- + ADD ACTION を選択
- Update > Current 写真
- 公開項目にFalseを設定
これで、スイッチをOffにした時に公開項目がOffになる設定ができました。
まとめ
On / Off できるスイッチボタンを設定してみました。
通常のフォームのラジオボタンでも悪くはないですが、より視覚的で良いですよね。
お役に立てると嬉しいです。
♡・・*・・♡・・*・・♡・・*・・♡・・*・・♡・・*
最後までご覧いただき、ありがとうございました。
▽ NoCodeアプリ Adalo