# Repeating GroupのResponsive表現について

**URL:** <https://www.nocode-faq.com/t/topic/1817>\
**Category:** bubble\
**Tags:** フロントエンド\
**Created:** [2021 年 6 月 30 日午後 3:59 UTC](https://www.nocode-faq.com/t/topic/1817 "2021-06-30T15:59:06Z")\
**Posts on this page:** 6\
**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 月 30 日午後 3:59 UTC](https://www.nocode-faq.com/t/topic/1817/1 "2021-06-30T15:59:06Z")

</div>

キャプチャのようなRepeating Groupを使っています。Responsiveの時に確かに自動で列の数は調整してくれるのですが、例えば、今は、一つのセルがwidth 280未満にならない限り、列数が減らないとします。これを、width 300の状態でも列数が減るようにしたいのですが、そのような制御は可能でしょうか？

Responsiveの設定画面で「Current cell minimum width」等をいじっても、影響は無いようです。

 ![Cursor_と_Game-archiver___Bubble_Editor](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d7b5a33e90d23453b074ecd07b788513d723c2c2.jpeg)

 ![Cursor_と_Game-archiver___Bubble_Editor](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/37a96e75f6b5547df8765cd398e54e540631bd87.jpeg)

---

<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 月 7 日午前 7:21 UTC](https://www.nocode-faq.com/t/topic/1817/2 "2021-07-07T07:21:11Z")

</div>

リピーティンググループのレスポンシブルって難しいですよね。

可能です。

まず現状のCellサイズは、100 以上ありますか？ ここが100 ないと、Current Cell witdhで100以上を設定すれば、対応できるはずです。

下記は、175サイズで、Current cell minimun width を200以上で設定したパターンです。

> **[Gyazo](https://gyazo.com/c1e1d4ffc1b7e670aa344c9dd8f2832e)**

---

<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/1817/3 "2021-07-09T14:57:13Z")

</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 月 29 日午前 9:18 UTC](https://www.nocode-faq.com/t/topic/1817/4 "2021-08-29T09:18:24Z")

</div>

@tsubasa  
関連する質問内容かと思いますので、こちらで質問します。

以下のようにrepeating groupのそのセルを設定しているとします。  
【 repeating groupの設定内容 】

 ![addsfa](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3d8d21f9dc24e03f27e4d33608025574575e809f.png)

【 その中のセルの設定内容 】

 ![Cursor_と_Game-archiver___Bubble_Editor](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/262ec7d0696272d2a273c8a2a7d228cd7879f101.png)

repeating groupではCell min widthが250となっており、セル単体では、Current width の50%（343の50%という意味かと思うので約170くらい）になっています。  
つまり、repeating groupの列数が変更される瞬間は、セルの幅が250になろうとする瞬間だと思っているのですが、実際列数が変わるのは、セル単体の大きさが350になる瞬間にのようです。  
どうすれば、列数の増減の瞬間の幅をコントロールすれば良いでしょうか？

というか、repeating groupを作成するとき、その中のセルは最小値として作成する必要があるということでしょうか？  
セルの最小値をCell min widthで制御できると思っていたのに出来ないので、困っております。。

---

<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 月 29 日午後 2:41 UTC](https://www.nocode-faq.com/t/topic/1817/5 "2021-08-29T14:41:52Z")

</div>

なんだろ、、、

Current page width は、正しく機能しているように思いますが、  
ちなみに、Page全体の大きさとRepetingGropの幅は同じですか？

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b33d561760a5f5fdcec645531fd3f8ba289b5dbf.png)

Page

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/4d04112624e700ed822bdc967eab17fb05d029af.png)

例えば、Page が1500 で Repeating Groupが1200 の場合には、Current page width が250で設定されていても300くらいのところで可変してしまいます。Page幅＝Repeating Groupのセル幅の合計ではないため、単純にセル＝サイズで割っても誤差が生じます。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/32b9e17f3362194d31a98887cde20e519f2cf228.png)

他の方法として、  
上記で上手くいかない場合には、  
RepetingGropを２つ （Columm4つバージョンと、Columm43バージョンをつくり、Conditionalで Current page width ＜400 のとき、、 と使い分ければ、確実に変更することはできると思います。

> **[Gyazo](https://gyazo.com/e8a617cdf6581167a0b3cc83de1490c3)**

---

<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 月 29 日午後 7:40 UTC](https://www.nocode-faq.com/t/topic/1817/6 "2021-08-29T19:40:52Z")

</div>

なるほど。。。ご回答ありがとうございます 🙇‍♂️

> ちなみに、Page全体の大きさとRepetingGropの幅は同じですか？

→いえ、異なります。pageは1,350ですが、RGは1,048になります。  
PageとRGの幅が異なると、設定通りに動かないということなのですね。。

> Current page width が250で設定されていても300くらいのところで可変してしまいます。

→上記の記述は、「Current page width」ではなく、「Cell min width」のことでしょうか？
