2022/10/17

適用例

　例えば、下図のようなテーブルと幾つかのサブフォームで構成されたフォームにBootstrapのグリッドシステムを設定してみます。

　上段のテーブルとサブフォームに対しては「２：９」の比率で、下段のサブフォームに対しては「３：８」の比率でそれぞれ表示幅を指定すると下図のような結果になります。
※実際は、コントロール別に表示幅を指定します。

　bootstrapのグリッドシステムでは、画面サイズに応じたダイナミックな表示幅指定が可能です。
　例えば「PC等の画面サイズが広い場合は上記のようなレイアウトで構わないが、タブレットやスマートフォンの狭い環境ではコントロール別に縦に表示させたい」というようなケースです。
　従来のバージョンでは、閾値の選択はMedium（７６８ｐｘ～）のみでしたが、Small（５７６ｐｘ～）、Large（９９２ｐｘ～）、Extra large（１２００ｐｘ～）の値も指定できるようになりました。
　また、これに加え、ブロック（コントロール）の並び順を変更する「order-N」の指定ができるようになっています。

　画面サイズが小さい時の幅条件や並び順を指定すると見栄えが変化します。

楽々ウェブクライアントの設定画面

　テーブルやタブコントロールの場合の属性設定画面を下図に示します。
　画面サイズに対して、表示／非表示、表示の際の幅、表示順を指定することが可能です。

　サブフォームやグループコントロールの場合は、「表示／非表示」ボタンを押したときの画面が拡張され、カラム幅や表示順の指定ができるようになっています。

サンプルプログラム等

　サンプルプロジェクトにプログラム「GridTest」を追加しています。
　詳細については、「Ver 1.02 新機能.pdf」等を参照して下さい。