サポート > Wagby定義ファイル > 13 レイアウト > 横並びレイアウトの実現

横並びのレイアウトを実現する方法を紹介します。

実行例

ここでは「氏名」と「カナ氏名」を「個人情報」というレイアウト名で設定し、横並びのレイアウトを実現する方法を紹介します。


図1 横並びのレイアウト

設定方法

  1. 項目名(日本語)の「氏名」と「カナ氏名」に「個人情報」というレイアウト名を指定します。 ここで、レイアウト名と項目名は「>」で区切ります。

    図2 項目名の区切り
    レイアウト名と項目名は「>」で区切ります。
    区切り文字「>」は半角で指定してください。全角は使用できません。
  2. 次に、「レイアウト定義」ボタンをクリックします。

    図3 レイアウト定義ボタン
  3. レイアウトの定義画面にレイアウト名を設定し、「並び方向」のコンボボックスから「横→」を設定します。横並びレイアウトの場合、表示比率を指定することができます。 表示比率を指定する場合は、横に並べる項目分を「,(カンマ)」区切りで指定します。 今回は、「50%,50%」と指定しました。

    図4 並び方向