# ページ遷移すると、画面の表示が崩れる

**URL:** https://www.nocode-faq.com/t/topic/2816
**Category:** bubble
**Tags:** フロントエンド
**Created:** [2022 年 4 月 20 日午前 7:51 UTC](https://www.nocode-faq.com/t/topic/2816 "2022-04-20T07:51:51Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)
#### Post date: [2022 年 4 月 21 日午前 7:42 UTC](https://www.nocode-faq.com/t/topic/2816/5 "2022-04-21T07:42:14Z")

</div>

jansnapさんの仮説の通り、読み込み前に表示されているのではないかと思います。

RepeatingGroup内の情報が多すぎたり、Do a seach for…でDB情報を全て検索していたりすると  
情報量が多すぎて、順番に表示され、レイアウト崩れが発生する可能性があります。

Pluginの「Page loaded（entire）」を使い、RG内の情報の読み込みが完了してから  
表示するように設定してみてはいかがでしょうか。  
【参考記事】

> **[【Bubble】ページ読込み完了まで、ロード中アニメーションを流す方法｜あぽと≪NoCodeエンジニア≫](https://note.com/apopopo/n/nfdc133ca0bfa)**
>
> Webページを表示する時、Bubbleで構築したそのままでは、読み込んだ情報から順に表示されていきます。 まずテキスト、次にボタン、最後にデータ量の大きな画像…と。 これではやや不格好ですね。 情報が全て読み込まれてから、同時にバン！と表示する。 そして読込み中は、ロード中と分かるようにアニメーションを流す。 今回はその方法を解説します。 Page loaded（entire）を活用 WorkflowやConditionalの条件式に、Page...

以前に新エディタにてPage loadedプラグインがうまく作動しないという声もありましたが  
以下のFAQにて解決しておりますので、参考までに

> [@page is loaded(entire)がyesにならない](https://www.nocode-faq.com/t/topic/2751):
>
> ・やりたいこと あぽとさんの記事([https://note.com/apopopo/n/nfdc133ca0bfa](https://note.com/apopopo/n/nfdc133ca0bfa))を参考に、ページが読み込み中のときのアニメーションを流そうと考えています。 ・問題 なぜかpage is loaded(entire)がyesにならないことがあります。 色々試したところ、repeating group が絡むとyesにならない気がしました。 エディタはこち…

---

_[View the full topic](https://www.nocode-faq.com/t/topic/2816)._