# BubbleのFullCalendarのイベント表示について

**URL:** <https://www.nocode-faq.com/t/topic/1984>\
**Category:** bubble\
**Tags:** ツールの操作方法\
**Created:** [2021 年 8 月 2 日午前 1:39 UTC](https://www.nocode-faq.com/t/topic/1984 "2021-08-02T01:39:30Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rano](https://avatars.discourse-cdn.com/v4/letter/r/848f3c/32.png) [@Rano](https://www.nocode-faq.com/u/Rano)\
**Post date:** [2021 年 8 月 2 日午前 1:39 UTC](https://www.nocode-faq.com/t/topic/1984/1 "2021-08-02T01:39:31Z")

</div>

BubbleのFullCalendarで、社内で使用するカレンダーを作成しております。  
イベントタイトル表示を見やすくするために、チェックボックスを入れたものだけ表示できるようにしたいです。  
また、チェックボックスのタイトルも任意で設定できるようにしたいです。

 ![2021-08-02_10h33_06](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/affe2bb39437ac28d56befb58d947097f487d188.png)

---

<div class="post-metadata">

**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\
**Post date:** [2021 年 8 月 5 日午前 4:19 UTC](https://www.nocode-faq.com/t/topic/1984/2 "2021-08-05T04:19:49Z")

</div>

遅くなりました🙏  
Checkboxの任意タイトル付けは、Conditionalを画像のようにすれば可能です。

 ![画像](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/5ad7ed0c7d3b253a2bdb93a98c8dd5b2e34dd937.jpeg)

もう一つはよく解釈できていないのですが、チェックボックスを入れると特定のもの（あらかじめ決めたもの）だけに絞り込むというイメージでしょうか？  
Checkboxだと複数チェックできてしまうので、少しややこしいかなとも思い。。  
ラジオボタンなどで「このボタンを選んだ時、〜という言葉が入っているものを絞り込んで表示する」という設定をイメージするといかがでしょうか。  
この辺りは、ご自身で実装チャレンジしてみるといいかもしれません😌

---

<div class="post-metadata">

**Author:** ![Rano](https://avatars.discourse-cdn.com/v4/letter/r/848f3c/32.png) [@Rano](https://www.nocode-faq.com/u/Rano)\
**Post date:** [2021 年 8 月 10 日午後 10:16 UTC](https://www.nocode-faq.com/t/topic/1984/3 "2021-08-10T22:16:49Z")

</div>

返信遅くなりすみません。アドバイスありがとうございます。ですが、やはりチェックボックスで複数チェックしたものも表示できるようにしたい（チェックしたものはカレンダーに表示されるように）ので現在悩んでいます。なかなかカレンダーに表示できない  
ためアドバイスいただければ幸いです。

 ![2021-08-11_07h13_44](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1a22c957bfd2091e478c7173688e2319ea89eb20.png)

---

<div class="post-metadata">

**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\
**Post date:** [2021 年 8 月 13 日午前 6:07 UTC](https://www.nocode-faq.com/t/topic/1984/4 "2021-08-13T06:07:14Z")

</div>

いえ、申し訳ないです。大変遅くなりました🙏  
ちなみにRanoさんは具体的にどの部分で詰まっていらっしゃいますか？  
（考え方、ここまで進んでいるけどこういう部分で詰まってしまった、など）

ある程度状況や実際に進めてみたというところもご記載いただけると回答もスムーズに進められます…！

---

<div class="post-metadata">

**Author:** ![Rano](https://avatars.discourse-cdn.com/v4/letter/r/848f3c/32.png) [@Rano](https://www.nocode-faq.com/u/Rano)\
**Post date:** [2021 年 8 月 13 日午前 8:03 UTC](https://www.nocode-faq.com/t/topic/1984/5 "2021-08-13T08:03:36Z")

</div>

まずは下記のような条件を入力したのですができませんでした。

 ![2021-08-13_16h55_35](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d50cfeeb7a0da4a84d3e6eab62be4f13f8ffa7b2.png)

次に下記のようにConditionalで条件を入力したのですが駄目でした。

 ![2021-08-13_16h55_50](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f34dc81984d33c33e9aad9689eaa871a405117c8.png)

データベースはこちらです。

 ![2021-08-13_17h01_45](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/ff7c7e4aff81e7bdaa51664078f7e34753b6960f.png)  
 ![2021-08-13_17h01_33](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1c195a0f6ac8abe487734a48c4f74b47966bd42e.png)

わかりにくいかもしれませね💦  
ほかに何か欲しい情報等あれば教えてください。  
よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\
**Post date:** [2021 年 8 月 15 日午前 4:12 UTC](https://www.nocode-faq.com/t/topic/1984/6 "2021-08-15T04:12:33Z")

</div>

大変お待たせしました、ここにサンプルを作ってみたので参考にしてみてください。  
今回は力技ではあるものの、ConditionalでContraint（絞り込み）をかけてみました。  
まだすべてのパターンをここでは実装していないですが、「このパターンだとこのように絞り込まれて表示される」という考え方を理解して応用することが重要かなと思います。  
また、これよりも良い正解はあるかと思うので他の方もアイディアありましたら是非お願いします🙇‍♂️

> **[Bubble - Visual Programming](https://campquestionanswer.bubbleapps.io/version-test/a52)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

エディタ

> **[Bubble Editor - Campquestionanswer](https://bubble.io/page?type=page&name=a52&id=campquestionanswer&tab=tabs-1)**
>
> Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.
