# レスポンシブ

**URL:** https://www.nocode-faq.com/c/bubble/63-category/63.md

[最新](https://www.nocode-faq.com/latest.md) · [カテゴリ](https://www.nocode-faq.com/categories.md) · [タグ](https://www.nocode-faq.com/tags.md)

---

## [レスポンシブカテゴリについて](https://www.nocode-faq.com/t/topic/1187)

<div class="topic-metadata">

**Author:** [@shironezumi](https://www.nocode-faq.com/u/shironezumi)\
**返信:** 0

</div>

---

## [Repeating Groupのheightを親のheightに合わせたい](https://www.nocode-faq.com/t/topic/3535)

<div class="topic-metadata">

**Author:** [@takamatsu](https://www.nocode-faq.com/u/takamatsu)\
**返信:** 2\
**最終更新:** [2023 年 4 月 9 日午前 2:15 UTC](https://www.nocode-faq.com/t/topic/3535 "2023-04-09T02:15:50Z")

</div>

Repeating Groupのheightを親のheightに合わせたいのですが、どのようにすればいいのでしょうか？ ウィンドウサイズに合わせてheightが変わるようGroupを置く事は出来たのですが、 その配下にRepeating…

---

## [【解決済み】BubbleのReusableElementで作成したサイドバーがうまくレスポンシブできない](https://www.nocode-faq.com/t/topic/3380)

<div class="topic-metadata">

**Author:** [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**返信:** 1\
**最終更新:** [2023 年 2 月 14 日午後 1:07 UTC](https://www.nocode-faq.com/t/topic/3380 "2023-02-14T13:07:18Z")

</div>

こちらはNoCode Boot Camp（Bubble）の質問内容です。 解決済みですが、ナレッジ共有として投稿しています。 ■内容 ReusableElement pageで幅を固定してしまうと、他のページから呼び出したときに、幅が…

---

## [新レスポンシブのリピーティンググループについて](https://www.nocode-faq.com/t/topic/3206)

<div class="topic-metadata">

**Author:** [@m.kanematsu09](https://www.nocode-faq.com/u/m.kanematsu09)\
**返信:** 3\
**最終更新:** [2022 年 10 月 4 日午後 12:58 UTC](https://www.nocode-faq.com/t/topic/3206 "2022-10-04T12:58:34Z")

</div>

新レスポンシブでは、「FullList」がなくなっています。 スクロールバーを出ないようにしたいのですが、何か方法はございませんでしょうか。 ご教授よろしくお願いいたします。

---

## [新レスポンシブでのフローティンググループについて](https://www.nocode-faq.com/t/topic/3174)

<div class="topic-metadata">

**Author:** [@m.kanematsu09](https://www.nocode-faq.com/u/m.kanematsu09)\
**返信:** 2\
**最終更新:** [2022 年 9 月 22 日午前 6:12 UTC](https://www.nocode-faq.com/t/topic/3174 "2022-09-22T06:12:37Z")

</div>

新レスポンシブで、フローティングボタン（スクロールしても追従するボタン）を任意の場所に配置することはできないのでしょうか。 イメージはTwitterです ご回答よろしくお願いします。

---

## [レイアウトをFixedで設定しているエレメントのレスポンシブデザイン](https://www.nocode-faq.com/t/topic/3093)

<div class="topic-metadata">

**Author:** [@Shosawada](https://www.nocode-faq.com/u/Shosawada)\
**返信:** 8\
**最終更新:** [2022 年 8 月 19 日午前 1:49 UTC](https://www.nocode-faq.com/t/topic/3093 "2022-08-19T01:49:26Z")

</div>

レスポンシブデザインで、パスワードを入力するimput のエレメントを画面幅に合わせて縮めたいのですが、Fixedで設定している場合はできないのでしょうか？ パスワードの表示ができるアイコンをエレメント内に置いているので、設定をFixed…

---

## [新レスポンシブエディタでエレメントを viewportの高さの80% で表示したい](https://www.nocode-faq.com/t/topic/3000)

<div class="topic-metadata">

**Author:** [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**返信:** 2\
**最終更新:** [2022 年 7 月 11 日午前 12:31 UTC](https://www.nocode-faq.com/t/topic/3000 "2022-07-11T00:31:24Z")

</div>

新レスポンシブエディタで、Groupエレメントを配置しました。 高さをviewportの80%にしたいので、CSSで該当エレメントを height: 80vh; と指定しました。 Layoutタブで、Min heightを0%、Max …

---

## [bubble 新レスポンシブでリピーティング・グループにスクロールバーをつける方法](https://www.nocode-faq.com/t/topic/2971)

<div class="topic-metadata">

**Author:** [@kouta.hagino](https://www.nocode-faq.com/u/kouta.hagino)\
**返信:** 4\
**最終更新:** [2022 年 6 月 29 日午後 2:07 UTC](https://www.nocode-faq.com/t/topic/2971 "2022-06-29T14:07:57Z")

</div>

bubbleについて質問です！！ 新レスポンシブでリピーティング・グループにスクロールバーをつけることは可能でしょうか？ 新レスポンシブ以前のやり方は分かるのですが、新レスポンシブでスクロールバーをつける方法が分かりません。 知ってい…

---

## [レスポンシブ設定がうまくできない](https://www.nocode-faq.com/t/topic/2831)

<div class="topic-metadata">

**Author:** [@Taiyo](https://www.nocode-faq.com/u/Taiyo)\
**返信:** 2\
**最終更新:** [2022 年 4 月 27 日午前 7:38 UTC](https://www.nocode-faq.com/t/topic/2831 "2022-04-27T07:38:12Z")

</div>

bubbleのレスポンシブについて質問です。 ページ幅を700px以下にすると、スマホ幅用のデザインが表示されるように必要に応じてエレメントにconditionalを設定しました。 しかし、下記のように700pxいかにするといらない空白…

---

## [Bubble popup Elementを画面中央に表示したい。](https://www.nocode-faq.com/t/topic/2723)

<div class="topic-metadata">

**Author:** [@yamashin0418](https://www.nocode-faq.com/u/yamashin0418)\
**返信:** 2\
**最終更新:** [2022 年 3 月 23 日午後 3:33 UTC](https://www.nocode-faq.com/t/topic/2723 "2022-03-23T15:33:55Z")

</div>

■やりたいこと ポップアップを画面中央に表示したい。 ■困っていること 下記1枚目の画像の「下書きを削除」というボタンを押下すると削除確認ポップアップが画面中央ではなく画面上にスクロールした上部に表示されてしまう（画像二枚目）。 …

---

## [BubbleのプレビューでMAPエレメントが表示されない](https://www.nocode-faq.com/t/topic/2717)

<div class="topic-metadata">

**Author:** [@takahiro.uk.brtn](https://www.nocode-faq.com/u/takahiro.uk.brtn)\
**返信:** 4\
**最終更新:** [2022 年 3 月 22 日午前 2:03 UTC](https://www.nocode-faq.com/t/topic/2717 "2022-03-22T02:03:25Z")

</div>

Bubbleで現状サービスを作っているのですが、UIビルダーで表示できているMAPエレメントがプレビューだと表示できなくなってしまいました。 過去には表示できていたのですが現在表示できなくなっております。 レスポンシブ周りの設定をしてい…

---

## [Bubble レスポンシブデザインの高さ、フッター設定について](https://www.nocode-faq.com/t/topic/2719)

<div class="topic-metadata">

**Author:** [@takahiro.uk.brtn](https://www.nocode-faq.com/u/takahiro.uk.brtn)\
**返信:** 1\
**最終更新:** [2022 年 3 月 20 日午前 11:25 UTC](https://www.nocode-faq.com/t/topic/2719 "2022-03-20T11:25:02Z")

</div>

Bubbleでレスポンシブの設定を行なっていますがfooterを作成する際にページ下部に常に設定したいのですが高さ設定について複数のディスプレイサイズにぴったりくるような形で設定するにはみなさんどういった設定をされておりますでしょうか？？ …

---

## [スマホブラウザのメニューバーについて](https://www.nocode-faq.com/t/topic/2672)

<div class="topic-metadata">

**Author:** [@order.uld](https://www.nocode-faq.com/u/order.uld)\
**返信:** 4\
**最終更新:** [2022 年 3 月 9 日午前 6:47 UTC](https://www.nocode-faq.com/t/topic/2672 "2022-03-09T06:47:08Z")

</div>

現在開発しているTik Tokクローンアプリについてです。 開発時にWEBブラウザ上でレスポンシブチェックをすると綺麗に出来ておりますが、いざスマホ実機でみるとズレが生じます。 新レスポンシブで構築しており下記のようなグループ配置をして…

---

## [stripeで年間月々払いを行う方法について](https://www.nocode-faq.com/t/topic/2637)

<div class="topic-metadata">

**Author:** [@Taiyo](https://www.nocode-faq.com/u/Taiyo)\
**返信:** 4\
**最終更新:** [2022 年 2 月 23 日午後 12:01 UTC](https://www.nocode-faq.com/t/topic/2637 "2022-02-23T12:01:32Z")

</div>

現在、メルカリのようなマーケットプレイス型のアプリにstripeのサブスクリプション機能の導入を検討しております。 stripeプラグインを用いて商品ごとに、月々払い、年間ごとの月々払い、単発決済で選択して決済をさせることは可能でしょうか…

---

## [レスポンシブで文字が重なってしまう](https://www.nocode-faq.com/t/topic/2629)

<div class="topic-metadata">

**Author:** [@koukotumoji193](https://www.nocode-faq.com/u/koukotumoji193)\
**返信:** 2\
**最終更新:** [2022 年 2 月 23 日午前 6:42 UTC](https://www.nocode-faq.com/t/topic/2629 "2022-02-23T06:42:09Z")

</div>

NoCode初学者のものです。レスポンシブで画面の添付幅を狭くした時に画像のように文字が重なってしまうのですがどのように解決すればよろしいでしょうか。

---

## [スマホサイズで見た時に横にスクロールできてしまう。](https://www.nocode-faq.com/t/topic/2409)

<div class="topic-metadata">

**Author:** [@Ryuto](https://www.nocode-faq.com/u/Ryuto)\
**返信:** 4\
**最終更新:** [2021 年 12 月 7 日午前 6:20 UTC](https://www.nocode-faq.com/t/topic/2409 "2021-12-07T06:20:50Z")

</div>

スマホサイズで見た時に横にスクロールできてしまいます。 スマホサイズに固定したいのですが、なぜ固定されずに横にスクロールできてしまうのでしょうか。

---

## [新レスポンシブのRGについて](https://www.nocode-faq.com/t/topic/2396)

<div class="topic-metadata">

**Author:** [@taichi-shima](https://www.nocode-faq.com/u/taichi-shima)\
**返信:** 4\
**最終更新:** [2021 年 12 月 4 日午後 12:05 UTC](https://www.nocode-faq.com/t/topic/2396 "2021-12-04T12:05:18Z")

</div>

いつもお世話になっております。 今回質問させていただきたいのは新レスポンシブのRGについてです。 Ext. vertical scrollingを今まで愛用していたのですが、新レスポンシブにアップデートするとLayout styleの項…

---

## [APIのパラメータを動的に指定する方法](https://www.nocode-faq.com/t/topic/2214)

<div class="topic-metadata">

**Author:** [@Wataru](https://www.nocode-faq.com/u/Wataru)\
**返信:** 2\
**最終更新:** [2021 年 9 月 28 日午後 1:24 UTC](https://www.nocode-faq.com/t/topic/2214 "2021-09-28T13:24:46Z")

</div>

BubbleのAPIについて質問です！ APIを使ってデータ取得はできるようになったのですが、 POSTのBodyのvalue値を可変にして指定する場合の方法がわからないため質問させてください！ :bowing\_man: API Co…

---

## [動画アップロードについて](https://www.nocode-faq.com/t/topic/2151)

<div class="topic-metadata">

**Author:** [@Wataru](https://www.nocode-faq.com/u/Wataru)\
**返信:** 6\
**最終更新:** [2021 年 9 月 10 日午前 10:31 UTC](https://www.nocode-faq.com/t/topic/2151 "2021-09-10T10:31:53Z")

</div>

Bubbleにてユーザーが動画をアップロードする仕組みを作ることは可能でしょうか？ 講師が講義動画をアップロードしてユーザーがそれを視聴するようなサービスを検討しております。 以下サイトなどを調べたところvideo.jsを使えばyout…

---

## [ページサイズ(width)設定](https://www.nocode-faq.com/t/topic/2040)

<div class="topic-metadata">

**Author:** [@richtetsuya](https://www.nocode-faq.com/u/richtetsuya)\
**返信:** 4\
**最終更新:** [2021 年 8 月 14 日午前 1:00 UTC](https://www.nocode-faq.com/t/topic/2040 "2021-08-14T01:00:48Z")

</div>

ウェブアプリ作成の際の最適widthを教えて頂きたいです。 サイトによって1200や960だったりするのですが、よく使われているサイズを私のデフォルトにしたいと考えています。 初心者の質問で申し訳ございません。

---

## [Bubbleで１つのチャートに複数のグラフを表示したい](https://www.nocode-faq.com/t/topic/2029)

<div class="topic-metadata">

**Author:** [@Wataru](https://www.nocode-faq.com/u/Wataru)\
**返信:** 2\
**最終更新:** [2021 年 8 月 13 日午前 2:30 UTC](https://www.nocode-faq.com/t/topic/2029 "2021-08-13T02:30:59Z")

</div>

Bubbleで外部APIから持ってきたデータをグラフ表示したいと思っています。 １つのグラフであればChart Elementのプラグインでできました。 しかし、このプラグインでは複数のグラフを表示することはできないようです。 （複数…

---

## [BubbleのGroup Focusをレスポンシブ設定することはできますか？](https://www.nocode-faq.com/t/topic/1889)

<div class="topic-metadata">

**Author:** [@Tak](https://www.nocode-faq.com/u/Tak)\
**返信:** 3\
**最終更新:** [2021 年 7 月 18 日午前 5:48 UTC](https://www.nocode-faq.com/t/topic/1889 "2021-07-18T05:48:32Z")

</div>

BubbleのGroup Focusでメニューなどを表現したいときに、レスポンシブにメニューのサイズを変えることができますか？ 例えば画像のように、PCサイズでは適当なサイズのメニュー。 スマホサイズでは横幅をできるだけ使いたい場…

---

## [BubbleのFloatingGroupのhideについて](https://www.nocode-faq.com/t/topic/1457)

<div class="topic-metadata">

**Author:** [@shogo](https://www.nocode-faq.com/u/shogo)\
**返信:** 5\
**最終更新:** [2021 年 4 月 21 日午前 7:15 UTC](https://www.nocode-faq.com/t/topic/1457 "2021-04-21T07:15:17Z")

</div>

Bubbleのレスポンシブ表示について質問です。 FloatingGroupを「hoge px以下でhideする」と言う設定はできないのでしょうか？ 具体的には、 PC、タブレット表示の際には左側に固定のサイドバーを表出させているので…

---

## [画像をクリックし拡大して表示する方法](https://www.nocode-faq.com/t/topic/1437)

<div class="topic-metadata">

**Author:** [@yamashin0418](https://www.nocode-faq.com/u/yamashin0418)\
**返信:** 2\
**最終更新:** [2021 年 4 月 18 日午前 6:24 UTC](https://www.nocode-faq.com/t/topic/1437 "2021-04-18T06:24:32Z")

</div>

やりたいこと： 画像をクリックし拡大してレスポンシブに表示したい。 困っていること： 現在下記Gyazoリンクにあるように、RepeatingGroupで並んでいる画像をクリックすると、ポップアップを表示し、そのポップアップ上にwon…
