# Adalo ボタンを押して別のスクリーンの画像を変えるには **URL:** \ **Category:** Adalo\ **Created:** [2021 年 8 月 23 日午前 6:07 UTC](https://www.nocode-faq.com/t/topic/2081 "2021-08-23T06:07:35Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 23 日午前 6:07 UTC](https://www.nocode-faq.com/t/topic/2081/1 "2021-08-23T06:07:35Z")
管理者画面でボタンを押すと、利用者画面に対応した画像が表示されるようにしたいです。人がいな人がいる場所によって、無人、リビングに人がいる画像、浴室に人がいる画像などを利用者画面の同じ場所の画像を変えていきたいです。画像差し替えるイメージ？です。 ↓イメージ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f2f40ca2f25011688fccdd9eafc1c75253f7008e.png) 管理者画面のリビングボタンを押したらTrue/Falseが切り替わり、Trueの場合は利用者画面にリビングに人がいる画像が表示され、Falseの場合は画像が消えるようにできればいいと考えています。 その他の無人、浴室についても同じようにしたいです。 そのやり方を教えて頂けないでしょうか。 よろしくお願いいたします。 ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 23 日午前 7:28 UTC](https://www.nocode-faq.com/t/topic/2081/2 "2021-08-23T07:28:26Z")
例えばこんな方法があります。 リビング、浴室 それぞれにいる/いない の画像が入った 別のDBを用意します。 例えば、リビングの場合 **DBの作成** UserのリビングON・OFF というTrue/False に対して、 Living いる or いない のデータベースを新規で作ればOKです。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e6ca49cff67614925ca7b6894cc89623d5e04d1b.png) Living Sratusには、使用中の画像 と 未使用の画像 を入れてます。 usersとのRelationも作成します。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/11f5095f6da069c81ea69200e2faafd388804d19.png) **表示の切り替え** あとは、image propatyを2枚用意して Sometimevisibleで リビングON（True）の時に表示する画像 リビングOFF（False） の時に表示する画像 をします。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/db1a3e4ada58bb4c732871f9ec9e0b3582430b1f.png) > **[Gyazo](https://gyazo.com/3288e300397d5fb73857fde9326511d4)** ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 23 日午前 8:38 UTC](https://www.nocode-faq.com/t/topic/2081/3 "2021-08-23T08:38:56Z")
追記 Switch コンポーネントで切り替えしたら、もっときれいかも。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/ae0c5b716d738be22b4cbb695c424f50fb3ba747.png) > **[Gyazo](https://gyazo.com/d7e6b194bd2a613d4425410114838625)** ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 24 日午前 3:07 UTC](https://www.nocode-faq.com/t/topic/2081/4 "2021-08-24T03:07:42Z")
@tsubasa ご回答ありがとうございます。 アドバイスを参考に以下のような設定を行ったのですが、ボタンを押しても利用者画面に画像が表示されません。 2つのスマホを用意し、1つで管理者画面を開き、もう1つで利用者画面を開いた状態で、管理者画面のリビングボタンを押しましたが、利用者画面にリビングの画像が表示されません。 どう解決したらいいでしょうか。 ↓設定 ・DB（User） ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a5fff59516de14e03683418cf53db87e56fe1bb4.png) ・DB（状態画像） ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/5947b2b05df2f2feb2e84af70f82b89821cfb8f8.png) いるときに対応した画像がでるように画像登録しています。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/87fb80896e58b847156c9deee28ea5995d636415.png) ・管理者画面ボタン設定 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/bdf999462d534f2ea608ae11794afde2261e71f7.png) ・利用者画面画像設定 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2ff8bc27d427d3c97ba84d8829f8d65c50b320af.png) よろしくお願いいたします。 ---
**Author:** ![kinari](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kinari/32/6625_2.png) [@kinari](https://www.nocode-faq.com/u/kinari)\ **Post date:** [2021 年 8 月 24 日午前 4:04 UTC](https://www.nocode-faq.com/t/topic/2081/5 "2021-08-24T04:04:42Z")
Image Source が抜けてるってことじゃないですよね？？ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2ff8bc27d427d3c97ba84d8829f8d65c50b320af.png) ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 24 日午前 4:44 UTC](https://www.nocode-faq.com/t/topic/2081/6 "2021-08-24T04:44:52Z")
@saori0654 補足すると、きなりさんの ここの部分が空欄だから という指摘ですね。 [image|668x375](https://www.nocode-faq.com/uploads/short-url/9XI21lsIfhTZeiOTBJtjLWIpPRA.png) 例えば、image Sourceには、 Loggedin User → 状態 → リビングいる という設定が必要です。 ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 24 日午後 11:58 UTC](https://www.nocode-faq.com/t/topic/2081/7 "2021-08-24T23:58:19Z")
@kinari @tsubasa ご回答ありがとうございます。 指摘いただいた通り、imagesourceにLoggedin User → 状態 → リビングいると設定したのですが、 まだ表示されません。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/aff77af90d29b0b1a295b6d55b892a2bb6969d5a.png) userと状態の関係は以下の設定にしています。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1f42906281eab8720838d3df6e8db98aa1c0e186.png) スマホ2台それぞれシェアのQRコードからアプリを開き、スマホ1台目で管理者画面、スマホ2台目で利用者画面を開いています。 その状態で管理者画面を開いたスマホのリビングボタンを押しているのですが、利用者画面を開いたスマホに画像が表示されません。 このやり方が間違えているのでしょうか。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/46cd4d230c0cd1613bfe44d728ba998697952949.png) また、状態のDBのUsersを指定していないからでしょうか。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/be103daeec6b457799ae3df8354440fbf272563d.png) ■追加情報です。 いろいろ確認していたら、 利用者のUserデータのリビング、浴槽、無人がすべてFalseになっていました。↓ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7e346dfb529b1ac5c0bb0ce0e18c37679eea138c.png) 逆に管理者のUserデータがTrueになっていました。↓ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2c31fc6aae0df6a88d0196da63d62e9ca5dc486c.png) 利用者のデータはこのようになっています↓ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2c6ff24066b2af4ecf6d01494cf50fb0ffa11907.png) 管理者のデータはこのようになっています↓ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f6cfb65756245016b13c10e3065ad0025b9dc089.png) ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 25 日午前 8:56 UTC](https://www.nocode-faq.com/t/topic/2081/8 "2021-08-25T08:56:02Z")
@saori0654 おっしゃる通り、状態DB のUsersが設定されてないのが、原因です。 いまは、Loggedin User で指定されても指定されたものが無い状態です。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e64357b924efe662499f337bbbae9a056842beb7.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d6ce21e3212f0474f1c02936d5fa4e9f4e1a8241.png) また、今回の聞いた限りでは、状態DB 単一であるため（一人のユーザーに対して、リビングの状態でON OFF両方の状態はありえない）、マルチRelation は必要無いかと思います。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/671aa15d693fb3bd5fd34931ee4937ea816b36fc.png) なので、 ①Userと状態の Relation を１：Nに作り直す ②状態のUser に表示させたいUser を登録する で表示されると思いました。 ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 25 日午前 10:35 UTC](https://www.nocode-faq.com/t/topic/2081/9 "2021-08-25T10:35:43Z")
@tsubasa ありがとうございます。 以下状態のDBの画像のピンク四角にuser登録しようとしたら入力することができなかったため ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e64357b924efe662499f337bbbae9a056842beb7.png) userのDBに登録されている利用者、管理者それぞれのデータの最後にある状態との関係の部分に状態と入れると、状態のDBのピンク四角の部分にUserがとうろくできました。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/154a428a584fd3eb693344a8a498754acc9d888d.png) しかし、やはり管理者側のボタンを押しても利用者画面に画像が表示されません。 他にどのようなやり方がありますでしょうか。 何度も申し訳ありませんがよろしくお願いいたします。 ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 26 日午前 1:46 UTC](https://www.nocode-faq.com/t/topic/2081/10 "2021-08-26T01:46:17Z")
データベースは、正しいように見えます。 > 管理者側のボタンを押しても利用者画面に画像が表示されません。 とすると、可能性として、ボタンが動作してないような気がします。 ボタンのActionは、画像を表示させるUserを選択してますか？ Logged in user ではなく、Calent User を選ぶ必要があります。 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/73a3facae0d59ee2302d450886b1f95aedd709e7.png) 試しに、管理者画面側で、Screenを同じとする ButtonとImageを作って、動作するか？確認してみてはどうでしょう？ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/894cc405602cdca53ab316e4cf47d5e993b1b78c.png) ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 26 日午前 4:26 UTC](https://www.nocode-faq.com/t/topic/2081/11 "2021-08-26T04:26:01Z")
@tsubasa current userを選んでなかったです！ 教えていただいた内容で進めてみます。 ありがとうございます。 ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 26 日午前 7:24 UTC](https://www.nocode-faq.com/t/topic/2081/12 "2021-08-26T07:24:34Z")
良かったですーー ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 26 日午前 9:19 UTC](https://www.nocode-faq.com/t/topic/2081/13 "2021-08-26T09:19:38Z")
@tsubasa 何度も申し訳ありません。 Current userを出すために、ユーザーリストを表示させました。 そして、管理者画面のボタンを以下のように設定しました。利用者側の画像の設定がlog in Userとなっています。これが原因なのか、管理者画面から利用者画面を変更できません、、、 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e4ccce9471c117adeea521ac3b33273a27715630.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/daf6dc6deb09b31f4c1de6e6192c74924f00ef53.png) 何か設定が足りないのでしょうか。 ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 26 日午前 11:09 UTC](https://www.nocode-faq.com/t/topic/2081/14 "2021-08-26T11:09:30Z")
設定というか、 管理画面 User と 利用者側の User が違っている可能性があります。 こちらのCurrent User をマジックテキストで表示した場合、変更したいユーザーの名前が表示されますか？ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/20d386e54613eeb7c600ed77d9b5e72d081d6600.png) おそらく、画面を直接みた方が早いかもしれないので、月曜日 19:00～ 22:00 が空いているようであれば、画面確認しますよー ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 27 日午前 5:27 UTC](https://www.nocode-faq.com/t/topic/2081/15 "2021-08-27T05:27:11Z")
@tsubasa ユーザーリストを作成したら、リロードすれば利用者画面に画像が表示されるようになりました！ マジックテキストで利用者と表示されています。 本当にありがとうございます。 リロードしないとまだ利用者画面の変更ができないので、それを自動リロード？して利用者側はなにもせずに変更画面を見れるようにしたいです。こういった機能がまだ解決していないので、月曜日19時からぜひ画面を一度みていただきたいです！ ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 27 日午前 7:41 UTC](https://www.nocode-faq.com/t/topic/2081/16 "2021-08-27T07:41:28Z")
良かったですーーーー。はい、お待ちしてます～。 ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 30 日午前 8:38 UTC](https://www.nocode-faq.com/t/topic/2081/17 "2021-08-30T08:38:38Z")
@tsubasa 本日はよろしくお願いいたします！ こういったことをしていただくのは初めてなのですが、 ZOOMのURLをこちらに貼ればよろしいでしょうか。 ---
**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\ **Post date:** [2021 年 8 月 30 日午前 9:08 UTC](https://www.nocode-faq.com/t/topic/2081/18 "2021-08-30T09:08:34Z")
oVice に来ていただければOKですよ。 Zoomの方が、良ければ、作って頂いてもOKです。 NoCodeCamp oVice > **[nocodecamp](https://nocodecamp.ovice.in/lobby/enter)** > > 自由に発言してください。 ---
**Author:** ![saori0654](https://avatars.discourse-cdn.com/v4/letter/s/c4cdca/32.png) [@saori0654](https://www.nocode-faq.com/u/saori0654)\ **Post date:** [2021 年 8 月 30 日午前 9:24 UTC](https://www.nocode-faq.com/t/topic/2081/19 "2021-08-30T09:24:27Z")
@tsubasa 承知しました！ saoriの名前でoViceに入らせていただきます。