タブレイアウト

タブレイアウトを設定する

例

「顧客」モデルを例に、タブを複数用意し、グループ化する例を示します。

設定方法

1. モデルの編集画面で「レイアウト>詳細」タブをクリックして開きます。初期状態では設定順に項目が並んでいます。

   

2. 左側の欄の「タブ」をクリックして開き、その中にあるタブコンテナの「追加」ボタンをクリックします。
   画面右側のスクリーンエディタ部に新しいタブが用意されます。

   

3. 右側のスクリーンエディタでタブをクリックして選択し、左側でラベル（タブ名）を入力します。
   ここでは「基本情報」としました。

   

4. 項目をドラッグ&ドロップして、タブ内に項目を配置します。

   

5. このタブコンテナの中に、タブをもう一つ追加します。
   このタブをクリックして選択した状態で、「タブ設定」の枠内の「追加」ボタンをクリックします。

   

6. 新しいタブがタブコンテナの中に追加されました。
   先程の「基本情報」タブと同様の手順で、ラベル名を編集して項目をドラッグ&ドロップで追加します。

   

   注意

   タブ内の項目を別のタブへ直接移動することはできません。
   いったんタブの外へ項目を移してから、移動先のタブを選択して項目を移動してください。

7. 左側の設定欄の上部にある「レイアウト設定保存」ボタンをクリックし、編集内容を保存します。
   この操作により、リポジトリに反映されます。

   重要

   「レイアウト設定保存」ボタンをクリックせずに他の画面に切り替えた場合、これまでの編集内容は反映されません。ご注意ください。

   

タブの入れ子

以下のように、タブ同士を入れ子にすることができます。

設定方法

1. タブコンテナを追加し、入れ子にしたいタブをドラッグ&ドロップします。

   

2. 最後に、レイアウト情報を保存します。

   

タブと他レイアウトとの組み合わせ

例

タブレイアウト内の項目を縦並びや横並びのグループとして指定できます。
以下は、タブレイアウト内に横並びのグループを作成した例です。

設定方法

1. スクリーンエディタで、タブの中にグループを作成します。
   グループの作成方法の詳細はこちらをご覧ください。

   

2. レイアウト設定を保存します。

   

複数のタブコンテナを用意する

下図のように、複数のタブコンテナを用意することができます。

設定方法

1. 一つ目のタブコンテナを作成します。こちらは「タブと他レイアウトとの組み合わせ」の手順で作成したものです。

   

2. タブコンテナの「追加」ボタンをクリックし、二つ目のタブコンテナを作成します。

   

3. 二つ目のタブコンテナに項目をドラッグ&ドロップして配置します。

   

4. 「レイアウト設定保存」ボタンをクリックして、設定を保存します。

   

タブの移動

項目の移動と同じように、タブもドラッグ&ドロップで移動させることができます。

設定方法

1. タブコンテナを選択し、ドラッグ&ドロップします。

   

2. 移動後は「レイアウト設定保存」を行ってください。