入れ子レイアウトと隠しレイアウト

縦並びの中に横並び

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

設定方法

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

1. 新しいグループを用意し、「郵便番号」と「住所」項目をドラッグ&ドロップで移動します。

   

   

2. このグループをマウスで選択し、ドラッグ&ドロップで「会社情報」グループの中へ配置します。

   

3. 「会社情報」グループの並び方向を「縦」に変更します。

   

4. 新規グループ3の「四角で囲む」を解除します。
   表示幅を30%,70%とします。

   ワンポイント

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

   

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

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

他項目のラベル幅とあわせる

他項目のラベル幅と合わせる方法を説明します。
※この設定は、ラベルと値の表示方法が「横→」の場合に有効です。

設定方法

今回は、他の項目のラベル幅はすべて25%になっているものとします。

調整のため、横並びレイアウトの比率を 4:6 に変更します。

郵便番号項目が "4:6" の "4" すなわち40%部分ですので、そのうちのラベル幅を他項目と同様に25%に近づけるため、0.25/0.4 で62.5%とみなします。空白の微調整を行い、ここでは64%と設定しました。

もう一つの住所項目が "4:6" の "6" すなわち60%部分ですので、そのうちのラベル幅を他項目と同様に25%に近づけるため、0.25/0.6 で41.6%とみなします。見た目のバランスを考慮し、ここでは36%と設定してみました。

ラベル表示のカスタマイズ

もともとの「住所」というラベルを非表示にし、代わりに郵便番号項目のラベルを「住所」に変えた例を示します。

設定方法

ラベルと値の表示方法が「縦↓」の場合（標準）、住所項目のラベルを「 」とすることで非表示となります。
「横→」の場合は、「ラベルを表示しない」を有効にします。

郵便番号項目のラベル名を「住所」に変更します。

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

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

設定方法

1. 「顧客」グループと「会社」グループを用意します。

   

2. それぞれのグループに項目を配置します。並び方向は両方とも「縦」に変更しました。

   

3. 全体を収容するグループを追加します。

   

4. 追加したグループの中に、他のグループをすべて移動します。

   

5. 全体を収容するグループの「四角で囲む」を解除します。

   

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