オブジェクトレイアウトの設計
ライフレイ 7.4 U31+/GA31+
レイアウトは、エントリーを作成または編集するときにフィールドと関連がどのように表示されるかを定義します。 各レイアウトには、エントリー作成時または作成後に表示されるさまざまな要素を含む複数のタブを含めることができます。 レイアウトをデザインする際、2種類のタブがあります。
-
フィールドタブ は、オブジェクト定義で直接作成されたフィールドや、1対多の関連から継承されたフィールドを表示することができます。
-
リレーションシップ タブ では、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)
-
ラベルを入力し、 [Relationships]タイプを選択し、タブに表示したい 関連テーブルを選択します。
このラベルによって、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つのリレーションシップタブを定義することができます。 1 つのタブは、現在のチケットが依存しているすべてのチケットをリストアップし、もう 1 つのタブは、現在のチケットに依存しているすべてのチケットをリストアップします。 詳細については、 オブジェクト関係の定義 を参照してください。
デフォルトのレイアウトの選択
レイアウトを設計したら、それをオブジェクトのデフォルトレイアウトとして設定することができます。 これにより、オブジェクトのエントリーの作成と編集に確実に使用されるようになります。 そうでない場合は、オブジェクトは自動生成されたレイアウトを使用します。
次の手順を実行します:
-
希望する レイアウトを選択します。
-
[Basic Details]タブで、[Mark as Default]をオンにします。
重要エントリを作成または編集するときは、常にデフォルトのレイアウトが使用されます。 その他はすべて非アクティブのままです。 別のレイアウトを使用するには、それをデフォルトとしてマークします。
![[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)
-
[保存]をクリックします。
オブジェクトのエントリーを作成および編集するときに、レイアウトが使用されるようになりました。
