オブジェクトレイアウトの設計
Liferay 7.4 U31+/GA31+
レイアウトは、エントリーを作成または編集するときにフィールドと関連がどのように表示されるかを定義します。 各レイアウトには、エントリー作成時または作成後に表示されるさまざまな要素を含む複数のタブを含めることができます。 レイアウトをデザインする際、2種類のタブがあります。
-
フィールドタブ は、オブジェクト定義で直接作成されたフィールドや、1対多の関連から継承されたフィールドを表示することができます。
-
関連タブ は、一対多または多対多の関連からの関連テーブルのみを表示することができます。
レイアウトを設計する際には、まずフィールドタブを追加する必要があります。その後、他のタブを追加できます。 オブジェクトエントリーの作成中は、最初のタブのみが表示されます。 オブジェクトエントリーの編集時には、他のタブが表示されます。 レイアウトのデザインが完了したら、 デフォルト としてマークし、使用します。
最初のタブはフィールドタブでなければなりません。 このタブには、必須のオブジェクトフィールドをすべて含める必要があります。 また、レイアウトにフィールドタブが追加された後でなければ、リレーションシップタブを追加することはできません。 関係タブは、オブジェクトレイアウトの最初のタブにすることはできません。
レイアウトの追加
-
グローバルメニュー (
) を開き、 コントロールパネル → オブジェクト に移動します。 -
目的のオブジェクト定義の編集を開始します。
注記システムオブジェクトはカスタムレイアウトをサポートしていません。 詳細については、 システムオブジェクトの拡張 を参照してください。
-
レイアウト タブに移動し、 追加 (
をクリックします。 -
名前を入力して、「保存」をクリックしてください。
![[レイアウト]タブを開き、[追加]をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/01.png)
これにより、 フィールド と 関連のタブを追加できる空白のレイアウトが作成されます。
フィールドタブの追加
-
レイアウト タブに移動し、 タブの追加 をクリックします。
![[レイアウト]タブを開き、[タブの追加]をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/02.png)
-
ラベルを入力し、 フィールド タイプを選択して、 保存をクリックします。
このラベルによって、Liferay UIでのタブの表示名が決定します。
![ラベルを入力し、フィールドの種類を選択し、[保存]をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/03.png)
-
ブロックの追加をクリックし、 ラベルを入力して、 保存 をクリックします。
これにより、フィールドを追加するためのサブセクションが作成されます。 ラベルは、Liferay UIでのセクションの表示名を決定します。
同じタブに複数のブロックを追加する場合は、この手順を繰り返してください。

-
目的のブロックの フィールドの追加 をクリックし、オブジェクト フィールドを選択し、フィールドのサイズ (つまり、1 列、2 列、または 3 列) を決定し、 保存 をクリックします。
![[フィールドを追加]をクリックし、フィールドを選択し、フィールドのサイズを決定し、[保存]をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/05.png)
このステップを繰り返して、ブロックにフィールドを追加していきます。

-
トグルスイッチでブロックを折りたたみ可能にします。

-
必要なタブを追加した後、レイアウトの変更を保存します。
フィールドタブを追加した後、エンドユーザーがオブジェクトエントリにタグやカテゴリを適用できるように、カテゴリー設定ツールを追加できます。 詳細については、 フィールドタブへのカテゴリの追加 を参照してください。
関係タブの追加
-
目的のレイアウトを編集するには、 レイアウト タブに移動し、 タブの追加 をクリックします。
![目的のレイアウトを選択し、 [Layout]タブを表示し、 [Add Tab]をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/08.png)
-
ラベルを入力し、リレーションシップの種類を選択して、タブに表示したいリレーションシップテーブルを選択してください。
このラベルによって、Liferay UIでのタブの表示名が決定します。
![タブの種類は、[関連]を選択し、表示する関連テーブルを選択します。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/09.png)
-
をクリックして保存します。

-
必要なタブを追加した後、レイアウトの変更を保存します。
オブジェクトが自身と多対多の関係にある場合、そのレイアウトに2つの関係タブを追加できます。 各タブは、関係の一方の側面に対応しています。 例えば、複数のチケットを相互に関連付けるチケットオブジェクトを考えてみましょう。 チケットとその依存関係を追跡するために、2つの関係タブを定義できます。 一方のタブには、現在のチケットが依存するすべてのチケットが表示され、もう一方のタブには、現在のチケットに依存するすべてのチケットが表示されます。 詳細については、 オブジェクト関係の定義 を参照してください。
デフォルトレイアウトの選択
レイアウトを設計したら、それをオブジェクトのデフォルトレイアウトとして設定することができます。 これにより、オブジェクトのエントリーの作成と編集に確実に使用されるようになります。 そうでない場合は、オブジェクトは自動生成されたレイアウトを使用します。
次の手順を実行します:
-
希望するレイアウト を選択してください。
-
「基本詳細」タブで、「 デフォルトとしてマーク をチェックします。
重要エントリの作成または編集時には、常にデフォルトのレイアウトが使用されます。 その他全ては非アクティブ状態のままです。 別のレイアウトを使用するには、それをデフォルトとして設定してください。
![[Mark as Default]をオンにして、[保存]をクリックします。](https://resources.learn.liferay.com/images/dxp/latest/en/low-code/objects/creating-and-managing-objects/layouts/designing-object-layouts/images/11.png)
-
をクリックして保存します。
オブジェクトのエントリーを作成および編集するときに、レイアウトが使用されるようになりました。
