プレビューおよびインスペクトコンポーネント
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Component builderは、コンポーネントを視覚化するためのさまざまな方法を提供します。
コンポーネントの組み立てが終わると、コンポーネントを表示するための2つのモードがあります。 Inspectモードでは隠し要素は見えますが、使用できません。 Previewモードでは、ウェブページ上でレンダリングされるコンポーネントを見ることができます。マッピングされたデータを持つコンポーネントがある場合、すべてのコンポーネントのレイアウトの繰り返しも確認します。
マッピングされたデータを用いたコンポーネントのプレビューレイアウト
コンポーネントを見る方法はいくつかあります。例えば、コンポーネントにデータが割り当てられている場合、そのコンポーネントの繰り返しレイアウトをすべて見たい場合があります。あるいは、変数を個別のデータに置き換えたコンポーネントを見たい場合もあります。
マッピングされたデータを含むコンポーネントのすべての繰り返しレイアウトを見るには:
-
PreviewまたはInspectのメニューでShow all data collectionをオンにします。
繰り返されるレイアウトは、斜めの灰色のストライプ背景で元のものと区別されます。繰り返し表示されるレイアウトのみをプレビューできます。編集はできません。しかし、元のレイアウト上のすべてのスタイル変更は、繰り返しのレイアウトに直接反映されます。
変数の代わりにデータソースからのデータを表示するコンポーネントを表示するには:
-
PreviewまたはInspectのメニューでDisplay mapped dataをオンにします。
ComponentビルダーはPreviewモードで、ウェブページ上でレンダリングされるすべてのコンポーネントレイアウトを見ることができます。 Previewモードに入るには、以下の3つのスイッチがオンでなければなりません。
-
Display mapped data
-
Show all data collections
-
Conceal hidden elements
これらのスイッチのいずれかが選択されない場合、ComponentビルダーはInspect modeに入ります。
