# Loading画像について

**URL:** https://www.nocode-faq.com/t/topic/1792
**Category:** bubble
**Tags:** フロントエンド
**Created:** [2021 年 6 月 23 日午後 2:09 UTC](https://www.nocode-faq.com/t/topic/1792 "2021-06-23T14:09:48Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)
#### Post date: [2021 年 6 月 23 日午後 2:09 UTC](https://www.nocode-faq.com/t/topic/1792/1 "2021-06-23T14:09:48Z")

</div>

評判の良さそうな「Advanced Loading Spinner」（ [Advanced Loading Spinner Plugin | Bubble](https://bubble.io/plugin/loading-spinner-1504534427287x204075407990849540) ）というプラグインを使って、ぐるぐるまわるrepeating groupのローディングアイコンを表示しようとしています。  
このプラグインをrepeating groupの下に置くと、たしかに、スクロールして、loadingしているときに、このアイコンが表示されますが、表示される位置が微妙だったので、よくWebアプリであるように画面の中央に固定でloadingアイコンを表示できるよう試みていますが、うまくいきません。

具体的には、floating groupを画面の中央に置き、その中に、Advanced Loading Spinnerを置きます。そうすると、たしかに表示したい場所にloadingのアイコンが表示されるのですが、repeating groupがloadingされているとき、されていないとき、構わず、ずっと、loading iconがまわり続けています。

もちろん、親であるfloating group、そしてAdvanced Loading Spinner両方で、「Conditional」で「Repeating Group is loading」の時のみ「This element is visible」になるようにしています。にもかかわらず、loadingしているか否かに関わらず、loadingアイコンが表示され続けています。  
もし、解決方法わかりましたら教えて頂けないでしょうか？

あと、このプラグインを使用する方法以外にも良い方法ありましたら教えて頂けないでしょうか？

---

<div class="post-metadata">

### 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 年 7 月 6 日午後 3:00 UTC](https://www.nocode-faq.com/t/topic/1792/2 "2021-07-06T15:00:55Z")

</div>

公式フォーラムで同じ現状の方がいますが、こちら参考になりませんか？

1. バックグラウンドでRGを作成します。
2. ローディングスピナーをRGに戻します
3. スピナー要素の読み込みの条件を追加します。刈り取りグループが読み込み中です。「この要素は表示されています」チェックボックスを有効にします。

> **[⏳ Loading Spinner 2.0 - Major Update to the Best Selling plugin from Zeroqode](https://forum.zeroqode.com/t/loading-spinner-2-0-major-update-to-the-best-selling-plugin-from-zeroqode/2810/2)**
>
> Hello @zeroqode I have two questions to ask before purchasing this plugin. 1 - Can you apply the loading icon to a group or floating group for only when that content is loading (Not the whole page)? 2 - Does this plugin prevent showing ANY content...

---

<div class="post-metadata">

### Author: ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)
#### Post date: [2021 年 7 月 9 日午後 2:57 UTC](https://www.nocode-faq.com/t/topic/1792/3 "2021-07-09T14:57:53Z")

</div>

ありがとうございます！試してみたいと思います！

---

<div class="post-metadata">

### Author: ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)
#### Post date: [2021 年 8 月 14 日午後 6:09 UTC](https://www.nocode-faq.com/t/topic/1792/4 "2021-08-14T18:09:55Z")

</div>

@tsubasa

質問①：下記についてですが、「ローディングスピナーをRGに戻す」とは「ローディングスピナーをRGの上に置く」ということでしょうか？

> 1. ローディングスピナーをRGに戻します

質問②：すぐに理解できず、すみません。「刈り取りグループ」とは何でしょうか？

---

<div class="post-metadata">

### 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 月 15 日午前 7:01 UTC](https://www.nocode-faq.com/t/topic/1792/5 "2021-08-15T07:01:16Z")

</div>

> 下記についてですが、「ローディングスピナーをRGに戻す」とは「ローディングスピナーをRGの上に置く」ということでしょうか？

はい、そうです。  
刈り取りグループ は、誤字ですね💦 申し訳です。

言いたいことは、バックグラウドでRG(Repeating group) を回すようにして、  
何かのトリガーを条件に、Workflow で動作させれば、できるのかなと思って投稿しました。

私もこのプラグイン持ってないので、あまり詳しいところは、答えられず申し訳ないです。

いま、調べたら、Advanced Loading Spinner より、こちらの方が、条件にあってます？

# 

Splash Loading

> **[Splash Loading Plugin for Bubble](https://zeroqode.com/plugin/splash-loading-1549250819128x292399176986132500)**
>
> No-code apps, plugins for Bubble, native apps builder and more. Now you can build apps without code even faster

---

<div class="post-metadata">

### Author: ![quonji](https://avatars.discourse-cdn.com/v4/letter/q/a87d85/32.png) [@quonji](https://www.nocode-faq.com/u/quonji)
#### Post date: [2021 年 8 月 15 日午後 5:20 UTC](https://www.nocode-faq.com/t/topic/1792/6 "2021-08-15T17:20:12Z")

</div>

@tsubasa  
特定のプラグインの事をいろいろ聞いてしまい、申し訳ありませんでした。  
また、上記回答ありがとうございました。  
触れて頂いたプラグインについても、試してみます！

---

<div class="post-metadata">

### 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 月 16 日午前 10:19 UTC](https://www.nocode-faq.com/t/topic/1792/7 "2021-08-16T10:19:58Z")

</div>

いえ、こちらこそお役に立てず申し訳です💦

コツコツお互いがんばっていきましょう！
