かなり初歩的な質問で恐縮です。 ノーコードラボさんが紹介されていた、4択クイズアプリを完全に真似て作......

かなり初歩的な質問で恐縮です。
ノーコードラボさんが紹介されていた、4択クイズアプリを完全に真似て作りました。
ですが、うまく動かず。。。
①画面デザインが崩れる
②データベースに4問入れているのに1問目が4回出てくる
→この設定は画像を添付いたします。

回答者1
以前に同じものを作ったので、共有します。
よかったら参考にしてください!

画像の設定については問題なさそうなので、他に原因がありそうですね。。

回答者2
①崩れるというところがどんな具合か把握できませんが、
→GroupにCenter Horizontal
→すべてをGroup化してみる
→崩れるパーツをまとめてGroup化
→indexのEdit画面で「Preset Page Width」を変更してみる
などを試すとうまくいきますでしょうか?
②こちらはノーコードラボさんのブログ2つの箇所どちらかの可能性が高いです、ご確認ください(^^♪
https://blog.nocodelab.jp/entry/2019/08/22/Bubble_で作る「4択クイズアプリ」3:Custom_state_の使い方
・「3.2.2. QuestionNo」のところの設定
https://blog.nocodelab.jp/entry/2019/08/23/Bubble_で作る「4択クイズアプリ」4:ワークフローの設
・次の問題へボタンをクリックした時のワークフロー

質問者
おふたりとも、実際のサンプルと改善策をアドバイスいただきありがとうございます!
①のレイアウトが崩れるについては、グループの概念がよくわかっていなかったのと、使いかたがあまりよろしくなかったようです。
②の次の問題に進まないについては、「次の問題へ」のCustom Stateに「Show Next」を作っていませんでした。。。

回答者2
おっしゃる通りBubbleではGroup化の概念が重要で、やや特有のクセのようなものがありますので使っていくとだんだん慣れてくるかと思います。
こまめにGroup化をして整えていくイメージで進めていってみてください(^^♪

参考画像

参考URL

https://blog.nocodelab.jp/entry/2019/08/22/Bubble_で作る「4択クイズアプリ」3:Custom_state_の使い方

https://blog.nocodelab.jp/entry/2019/08/23/Bubble_で作る「4択クイズアプリ」4:ワークフローの設