デザインモードでのコンポーネントの設定 configuring-components-in-design-mode

デザイン ​モードを選択します。

コンポーネントをタップまたはクリックします。 コンポーネントを選択すると、青い境界線が表示されます。

親 ​アイコンをクリックまたはタップします。

これにより、現在のコンポーネントを格納する段落システムを選択します。

段落システムの​ 設定 ​アイコンが親のアクションバーに表示されます。

このアイコンを選択してダイアログを表示します。

このダイアログを使用して、現在のページの編集時にコンポーネントブラウザーで利用できるコンポーネントを定義します。

ダイアログには次の 2 つのタブがあります。

• 許可されたコンポーネント
• 設定

許可されたコンポーネント

「許可されたコンポーネント」タブで、parsys で使用できるコンポーネントを定義します。

• コンポーネントは、コンポーネントグループ別にグループ化され、展開したり折りたたんだりできます。
• グループ名をチェックしてグループ全体を選択し、チェックを外すことですべての選択を解除できます。
• マイナス記号は、グループ内の項目が少なくとも 1 つ選択されているが、選択されていない項目を表します。
• 検索を使用して、名前でコンポーネントをフィルタリングできます。
• コンポーネントグループ名の右側に一覧表示されるカウントは、フィルターに関係なく、これらのグループ内で選択されたコンポーネントの合計数を表します。

設定は、ページコンポーネントごとに定義します。 子ページが同じテンプレートやページコンポーネント（通常は整列）を使用している場合は、対応する段落システムにも同じ設定が適用されます。

設定

の 設定 「 」タブでは、追加のオプションを定義できます。例えば、コンポーネントごとにアンカーを描画したり、各コンテナのセル内の余白を定義したりできます。

「完了」を選択して設定を保存します。

デザイン ​モードを選択します。

青い境界線のあるコンポーネントをタップまたはクリックします。この例では、ヒーロー画像コンポーネントが選択されています。

ダイアログを開くには、「設定」アイコンを使用します。

デザインダイアログでは、使用可能なデザインパラメーターに従ってコンポーネントを設定できます。

ダイアログには次の 3 つのタブがあります。

• メイン
• 機能
• スタイル

プロパティ

この プロパティ 「 」タブでは、コンポーネントの重要なデザインパラメーターを設定できます。 例えば、画像コンポーネントの場合、許可される画像の最大サイズと最小サイズを定義できます。

機能

この 機能 「 」タブでは、コンポーネントの追加機能を有効または無効にできます。 例えば、画像コンポーネントの場合は、画像の向きや切り抜きオプションを定義したり、画像をアップロードできるかどうかを定義したりできます。

スタイル

この スタイル 「 」タブでは、コンポーネントで使用する CSS クラスとスタイルを定義できます。

「追加」ボタンを使用すると、追加のエントリを複数エントリのダイアログリストに追加できます。

複数エントリのダイアログリストからエントリを削除するには、「削除」アイコンを使用します。

以下を使用： 移動 複数エントリのダイアログリストでエントリの順序を並べ替えるアイコン。

クリックまたはタップ 完了 アイコンをクリックして保存し、ダイアログを閉じます。