# Bubbleで別ページの表示コンテンツを制御する方法

**URL:** <https://www.nocode-faq.com/t/topic/1949>\
**Category:** bubble\
**Created:** [2021 年 7 月 27 日午前 9:09 UTC](https://www.nocode-faq.com/t/topic/1949 "2021-07-27T09:09:28Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午前 9:09 UTC](https://www.nocode-faq.com/t/topic/1949/1 "2021-07-27T09:09:28Z")

</div>

言葉で説明させていただきます。

ページ数  
①Header（ReusableElement）  
②categorypage

制御内容  
①HeaderにおいてあるTextリンク（カテゴリー）をクリック（カテゴリーが5種類あります）  
②CategoryPageに推移  
③CategoryPageにあるRepetingGroupで表示されるコンテンツをクリックしたカテゴリーのもののみを表示させる

つまづいているポイントとしては  
・Headerに置いてあるTextリンクになんの要素を持たせれば良いかわからない。（送信設定）  
・これができた場合の受信側の設定

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 1:37 UTC](https://www.nocode-faq.com/t/topic/1949/2 "2021-07-27T13:37:26Z")

</div>

こんばんは！  
こちらの質問は前回の質問↓

> [@Bubbleで他ページで選択したドロップダウンメニューの一部テーブル情報を別ページにて反映させる方法](https://www.nocode-faq.com/t/topic/1940/7):
>
> ありがとうございます！ index-devページで保存ボタンを押すとそのまま反映されたindexページに飛ばされるのですが、indexページからプレビューしてみると反映されていない状態になります。 これをindex-devページでは保存をしてそのままリセット（ページ推移はなし）してindexページに反映されるようにしたいと考えています！こちらは可能でしょうか？ 加えて、送信したいドロップダウ…

でおっしゃっていたように、遷移先のCategoryPage **だけ** にアクセスする場合がありますか？  
（ユーザーがCategoryPageを表示させる際に、index(Headerあり)を通らないパターンがありますか？）

もしindexを必ず通る場合でかつ複数条件を入れる場合であれば、前回のjansnapさんの回答の方法が良いと思います！

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 1:55 UTC](https://www.nocode-faq.com/t/topic/1949/3 "2021-07-27T13:55:21Z")

</div>

こんばんは！

> [@kotarosan](#):
>
> （ユーザーがCategoryPageを表示させる際に、index(Headerあり)を通らないパターンがありますか？）

はい。indexを通らない場合もございます。

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 2:01 UTC](https://www.nocode-faq.com/t/topic/1949/4 "2021-07-27T14:01:34Z")

</div>

回答ありがとうございます！

通らない場合があるということは、 **別個のcategoryPageは別ページ** 、という認識であっていますか？

ex）  
categoryPage\_1、categoryPage\_2、 categoryPage\_3…  
のような？

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 2:02 UTC](https://www.nocode-faq.com/t/topic/1949/5 "2021-07-27T14:02:28Z")

</div>

CategoryPageは別個です！

headerから推移はさせますが、Categorypage内で表示するコンテンツをheaderでクリックしたlinkで変更させたいという感じです！

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 2:06 UTC](https://www.nocode-faq.com/t/topic/1949/6 "2021-07-27T14:06:12Z")

</div>

別個ページにユーザーがアクセスできる場合で考えると、Header内のリンク選択でPage内容が変わる、といった場合の構築よりも、セオリー通りpageをcategoryの数だけ作成し、それぞれにリンクを貼るといったようなWorkFlowがベターな気がします。  
（各categoryPageにそれぞれRepeatingGroupを設置し、DataSourceを各カテゴリーのデータで指定するような感じになると思います。

別個のcategoryPageに直接アクセス **できない** 場合だと、動的にパラメータをページに渡して再現できるかなーと思ったのですが。。。

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 2:34 UTC](https://www.nocode-faq.com/t/topic/1949/7 "2021-07-27T14:34:30Z")

</div>

headerに掲載されているリンクは変わらないため、そういった運用にしたかったのですが、難しいのですね。

ちょっと質問とずれてしまうのですが、datasourceで特定のfieldを指定するにはどうしたら良いのでしょうか？直接記入しても表示されず…

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 2:41 UTC](https://www.nocode-faq.com/t/topic/1949/8 "2021-07-27T14:41:27Z")

</div>

![Faqq-1](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/58f4fdf456cbe79af0380df748f7aefde3168d47.gif)  
動画変換に時間がかかり今更ですが…。

こんな感じは再現できるのですが、  
categoryPageが別個にあり、それぞれindexを通らずアクセスできる＝つまり、 **値を渡さなくても表示できる** のを目指そうとすると、必然的に別ページを用意する必要があると思います。

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 2:52 UTC](https://www.nocode-faq.com/t/topic/1949/9 "2021-07-27T14:52:52Z")

</div>

ありがとうございます！！！

値をページ間で渡して表示ができるようになりたいのですが、送っていただいた動画でも可能なのでしょうか？

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 2:52 UTC](https://www.nocode-faq.com/t/topic/1949/10 "2021-07-27T14:52:55Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e53755799163f2df5b725fcc51c93a6e604b930b.png)  
このようにGroup（またはRepeatingGroup）にデータソースを指定。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d96d386d1f0f47ddf76602a336f6dbba140e911d.png)  
中にテキストなどのelementを設置し、Parent Group○○（RepeatingGroupならcurrent○○）を指定する

でなると思いますｂ

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 2:54 UTC](https://www.nocode-faq.com/t/topic/1949/11 "2021-07-27T14:54:49Z")

</div>

再現の動画はHeaderが設置してあるPageがcategoryPageとなっています。  
それでも構築上問題がないようでしたら可能ですよ！

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 2:58 UTC](https://www.nocode-faq.com/t/topic/1949/12 "2021-07-27T14:58:56Z")

</div>

ご丁寧にありがとうございます！！

いただいた動画でいくと

カテゴリー1をクリックした婆categorypageに推移させてカテゴリー1のコンテンツを表示  
カテゴリー2をクリックした場合categorypageに推移させてカテゴリー2のコンテンツを表示

ページは増えませんが、このようなことも可能でしょうか？

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 3:00 UTC](https://www.nocode-faq.com/t/topic/1949/13 "2021-07-27T15:00:25Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e53755799163f2df5b725fcc51c93a6e604b930b.png)  
こちらの「カテゴリー1」は手動で入力しているのでしょうか？

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 3:41 UTC](https://www.nocode-faq.com/t/topic/1949/14 "2021-07-27T15:41:25Z")

</div>

> ページは増えませんが、このようなことも可能でしょうか？

動的なページ遷移で再現しようとすると、そう（ページは増えない）なりますね。  
それでしたら可能です。

> こちらの「カテゴリー1」は手動で入力しているのでしょうか？

おっしゃるとおりです。もちろん動的な値も入れることができますよ。

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 3:59 UTC](https://www.nocode-faq.com/t/topic/1949/15 "2021-07-27T15:59:02Z")

</div>

> [@kotarosan](#):
>
> 動的なページ遷移で再現しようとすると、そう（ページは増えない）なりますね。  
> それでしたら可能です。

こちらについてもお聞きすることは可能でしょうか？

また、datasourceですがうまく取ってこれず…

 ![スクリーンショット 2021-07-28 0.57.55](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6e29a2af63c68fd3bbe6eebd09bce4717f17feef.jpeg)  
 ![スクリーンショット 2021-07-28 0.58.03](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c6e5d4effb7b462626cf15a138ef062c6e355f44.jpeg)

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 4:01 UTC](https://www.nocode-faq.com/t/topic/1949/16 "2021-07-27T16:01:09Z")

</div>

Type of Contentsが空になってますのでエラーが吐かれているんだと思います。  
Brandsにしてみるとエラーに変化がないでしょうか？

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 4:06 UTC](https://www.nocode-faq.com/t/topic/1949/17 "2021-07-27T16:06:21Z")

</div>

![スクリーンショット 2021-07-28 1.05.57](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/80daa950a52ce3f90987c4a2c6a3df2eea944672.jpeg)  
変わらずですね…

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 4:07 UTC](https://www.nocode-faq.com/t/topic/1949/18 "2021-07-27T16:07:58Z")

</div>

Data Sourceの部分に、Search for Brands’s CategoryTagとあるので、これをSearch for Brandsだけにするとどうでしょうか

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 27 日午後 4:29 UTC](https://www.nocode-faq.com/t/topic/1949/19 "2021-07-27T16:29:16Z")

</div>

first::itemをつけろと言われてしまいますね。。。（これをつけたら表示まではいけました）  
ただこれをつけてしまうと、リピーティンググループに入れた際に1つしか表示されませんでした。

 ![スクリーンショット 2021-07-28 1.27.29](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c41239b45edf43d80e1af560c04dd52f2d58da84.jpeg)

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 27 日午後 4:36 UTC](https://www.nocode-faq.com/t/topic/1949/20 "2021-07-27T16:36:36Z")

</div>

画像を見る感じ、Group表示をされていると思うのですが…その場合、データを1つに絞らないといけません。  
RepeatingGroupで設置すると問題なくデータを指定できると思います。

↓RepeatingGroupでデータを指定した場合（firstitemなどはついてませんよね）

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

↓Groupでデータ指定した場合（同じようにやってもはじかれます）

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

[次のページ](https://www.nocode-faq.com/t/topic/1949.md?page=2)
