脱!教養ゼロママ

もう恥ずかしくない!教養のあるママを目指してます!

MENU

表示の条件(Sometimes Visible)を設定してみる|初心者のアプリ開発|Adalo

f:id:yuka-edu:20211005182049p:plain

こんにちは!ゆかゆかです。

 

今日は毎回表示しない「表示の条件(Sometimes Visible)」設定をしてみます!

コンポーネントの表示設定は「Change Visibility」で設定できます。

大体のコンポーネントで設定できるようです。

f:id:yuka-edu:20211005181849p:plain

 

 

今日の設定を紹介

今日はテキストボックスの入力に応じて

下に2つ並んだボタン表示を切り替えます。

 

「たす」と入力したら「たすボタン」を表示します。

「ひく」と入力したら「ひくボタン」を表示します。

f:id:yuka-edu:20211005180733p:plain

 

Adaloの設定

 

  1. 対象のボタンを選択
  2. Change visibility を選択

f:id:yuka-edu:20211005204639p:plain

 

「たす」と入力された時にボタンを表示する設定をします。

  1. Visibility > Sometimes Visible を選択
  2. will be visible if... > Other compornents > input (テキストボックス) を選択
  3. is equal to を選択
  4. 対象の入力文字を入力(ここは「たす」と設定)

f:id:yuka-edu:20211005204622p:plain


(「たす」と入力した箇所を「ひく」にすることで、下のボタンの設定も行いました。)

 

動かしてみます

 

まずはテキストボックスだけ表示されます

f:id:yuka-edu:20211005204729p:plain

 

「たす」と入力するとボタンが表示されました!

f:id:yuka-edu:20211005204745p:plain

 

「ひく」と入力するともう一つのボタンを表示しました!

f:id:yuka-edu:20211005204800p:plain

 

まとめ

「Sometimes Visible」って最初はどういう意味かな〜と思いましたが、

設定してみたら、意外と簡単で便利に使えます!

ログイン中のユーザのステータスに応じて表示を変えたりできますね。

お役に立てれば嬉しいです。

 

♥・*:.。 。.:*・゚♡・*:.。 。.:*・゚♥

 

▽ NoCodeアプリ Adalo

www.adalo.com