サポート > リポジトリ > レイアウト

Wagby が提供する画面レイアウト設計方法を説明します。

Wagbyのレイアウト設計は、項目毎の位置、大きさ、隣の項目との関係性などを指定することで行います。
業務アプリケーションに求められる、きめ細かい水準の画面をデザインすることができます。

図 レイアウトを定義した新規登録画面の例
(1) 基本構成
「縦並び」「横並び」レイアウトによって画面レイアウトを設計することができます。
(2) 入れ子レイアウトと隠しレイアウト
縦並びと横並びの組み合わせや、レイアウトの中に別のレイアウトを入れ子にして指定することができます。
(3) グループ化レイアウト
レイアウトをパネルで表現するのではなく、グループとして表現する方法です。
(4) ウィザードとタブレイアウト
一画面に多くの項目がある場合、ウィザードまたはタブレイアウトで整理することができます。
(5) タブ表示制御
制御フラグを用意し、その値に応じたタブの表示・非表示を行う方法を説明します。
(6) 検索条件の並び順
検索条件の並び順を変更する方法を説明します。
(7) 範囲検索条件の入力欄のレイアウト
検索画面の範囲指定項目は均等割り付けと左寄せのいずれかを指定できます。
(8) 検索条件部の段組レイアウト
一覧表示の各項目を複数行にまたがって表示することができます。
(9) 検索条件欄を折り畳む
検索条件欄を折り畳んで表示するレイアウトを説明します。
(10) 一覧表示の並び順
一覧表示の並び順を変更する方法を説明します。
(11) 一覧表示 - 多段レイアウト
一覧表示の各項目を複数行にまたがって表示することができます。
(12) 外部キー子モデル - 多段レイアウト
外部キー子モデルの各項目を複数行にまたがって表示することができます。
(13) 繰り返しコンテナ - 列幅の調整
繰り返しコンテナの列幅を調整することができます。
(14) 繰り返しコンテナ - スクロールバーの表示(と高さの設定)
繰り返しコンテナの表示領域を固定とし、縦・横スクロールバーを表示します。
(15) 繰り返しコンテナ - タブ
複数の繰り返しコンテナを一つのタブにまとめることができます。
(16) 繰り返しコンテナ - 多段レイアウト
繰り返しコンテナの各項目を複数行にまたがって表示することができます。
(17) 繰り返しコンテナ - タブと多段レイアウト
繰り返しコンテナ多段レイアウトをタブと併用することができます。
(18) 繰り返しコンテナ - ヘッダ部のみの多段レイアウト
繰り返しコンテナのヘッダ部のみ多段レイアウトとすることができます。
(19) 繰り返しコンテナ - 縦並び
繰り返しコンテナの標準レイアウトは横並びですが、縦並びのレイアウトにすることもできます。
(20) 繰り返しコンテナ - 複数の繰り返しコンテナの横並び
複数の繰り返しコンテナを二段、三段の横並びとすることができます。
(21) 繰り返しコンテナ - タブ [応用]
タブの中に繰り返しコンテナを配置するレイアウトの応用例を紹介します。
(22) [応用] 説明文・脚注を挿入する
画面内に説明文または脚注を表示する方法を説明します。