---
title: "要素を隠し隠す"
slug: "hide-and-conceal-an-element"
abstract: "コンポーネントレイアウトから要素を隠す。隠し要素は、プレビューモードおよびインスペクトモードメニューの該当オプションで隠さない限り、コンポーネントキャンバス上で利用できないと表示されます。"
---
# 要素を隠し隠す

コンポーネントビルダーでは、コンポーネントレイアウトから要素を非表示にできます。これは直接的に、またはリンクされたデータソースのデータが存在しない場合でもです。隠し要素は **、プレビューモード** や **インスペクトモード** メニューの該当オプションで隠さない限り、コンポーネントキャンバス上で利用できないと表示されます。

## 要素を隠す

コンポーネントレイアウトから特定の要素を隠したい場合もあります。隠された要素はコンポーネント内で利用不可と表示されますが、編集時には表示されます。

要素を隠す方法:

1.  エレメントを選択します。
2.  右側のペインの **「コンテンツ** 」セクションで「 **可視**性」をクリックします。
3.  「 **隠し」** をクリックします。

## データソースに基づいて要素を隠す

データソース内の特定のデータの有無に基づいて要素を隠す方法:

1.  エレメントを選択します。
    
2.  右側のペインの **「コンテンツ** 」セクションで「 **可視**性」をクリックします。
    
3.  **条件付き**をクリック。
    
4.  データソース内のオブジェクトに要素を関連付けます:
    
    -   **データソース**のドロップダウンメニューで、該当するデータソースをクリックします。
    -   その要素を関連付けたいオブジェクトをクリックします。
    
    データソースに要素に関連付けられたオブジェクトがある場合、その要素は期待通りに表示されます。データが欠落している場合は、その要素は非表示になります。
    

## 隠された要素を隠す

非表示要素はコンポーネント内で利用不可と表示されます。ウェブページに表示されるコンポーネントをプレビューするには、隠し要素を隠すことができます。

コンポーネントで利用不可と表示された隠れた要素を隠す方法:

-   **プレビュー**または**検査**メニューで「**隠し要素を隠す**」をオンにします。