入れ子レイアウトと隠しレイアウト最終更新日: 2021年8月2日
R8 | R9

縦並びの中に横並び

下図のように、縦並びのグループ内に横並びのグループを入れ子にして組み合わせることもできます。

縦並びレイアウト内の横並びレイアウト

設定方法

横並びと縦並びを組み合わせたレイアウトから続けます。
新たに「郵便番号」と「住所」項目を追加しました。

  1. 新しいグループを用意し、「郵便番号」と「住所」項目をドラッグ&ドロップで移動します。
    新しいグループを用意する
    ドラッグ&ドロップで項目を移動する
  2. このグループをマウスで選択し、ドラッグ&ドロップで「会社情報」グループの中へ配置します。
    グループの中にグループを配置する
  3. グループの「四角で囲む」を解除します。
    並び方向を「横」に変更し、表示比率を30%,70%とします。

    ワンポイント

    「四角で囲む」を解除すると、ラベルの変更が行えなくなります。
    再び「四角で囲む」を有効にするとラベルを変更できるようになります。

    設定欄の値を修正する

スクリーンエディタの編集を保存する

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

重要

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

レイアウト設定を保存する

グループ同士を横に並べる

下図のようにグループ同士を横に並べたい場合、隠しレイアウトの中にグループを配置することで実現できます。

隠しレイアウトの中にグループを配置

設定方法

  1. 「顧客」グループと「会社」グループを用意します。
    「顧客」グループと「会社」グループ
  2. それぞれのグループに項目を配置します。
    グループ内に項目を配置
  3. 全体を収容するグループを追加します。
    グループの追加
  4. 追加したグループの中に、他のグループをすべて移動します。
    グループの追加
  5. 全体を収容するグループの「四角で囲む」を解除します。
    横並びで比率は50%,50%に設定します。
    ラベル、並び、表示比率の設定
  6. 最後に、左側の設定欄の上部にある「レイアウト設定保存」ボタンをクリックし、編集内容を保存します。
    この操作により、リポジトリに反映されます。
    レイアウト設定を保存する
スクリーンエディタによるレイアウトでは、「顧客」と「会社」を囲っているもっとも外側の枠を消すことはできません。リポジトリを直接、編集することで、外枠を消すことができます。[詳細...]