# 値によって、cssの「display:none」のような表現は可能でしょうか？

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

</div>

たとえば、特定のfieldを表示する場所があったとします。  
そのfieldにデータが入っていれば、そのデータを出力するのですが、仮に、そのfieldにデータが入っていない場合、そのfieldの表示欄ごと削除したい場合があります。

つまり、cssでいう「display:none」（その表示欄の存在ごと消して、物理的にそれに隣り合っている項目が詰めて表示される）を使いたい場合があるのですが、そのような表現が bubbleでは無理でしょうか？

---

<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 年 6 月 7 日午後 8:34 UTC](https://www.nocode-faq.com/t/topic/1693/2 "2021-06-07T20:34:40Z")

</div>

状況が合っているかわからないのですが、UI上で表示するElementということでしょうか？

①Group Elementなら「Collapse this element’s height when hidden」があるので、これをチェック入れると、消えた時に詰めて表示されます。

②①を、適用させたいElementの親要素に持ってくる

③Conditionalにて、Do a search forからFieldの値を指定し、「is empty」で「This element is visible」の項目にチェックマークを入れない。

これでデータベースのFieldに入っていない時はElementが表示されない、は実現します。  
状況が違っていれば、お知らせください。

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2021 年 6 月 8 日午前 9:00 UTC](https://www.nocode-faq.com/t/topic/1693/3 "2021-06-08T09:00:07Z")

</div>

今回quonjiさんの質問は縦方向ではなく横方向なので、collapseは関係ないですね。  
Bubbleでは、レスポンシブで画面幅に応じて横方向を消し去る非表示の設定はできますが、conditinalではそれはできません。

"cssのような表現"ということで、もうcssを書けば良いかと思います。