ホーム
製品
Wagbyの特長
|
ソフトウェアパッケージ
|
機能一覧
|
製品比較表
|
動作環境
|
認証接続ライセンス
|
オプション
|
保守契約
|
プロジェクトの考え方
|
更新情報
|
ロードマップ
|
機能拡張・不具合対応の考え方
事例
アプリケーションギャラリー
|
ユーザ様の導入事例
ダウンロード
Wagby のダウンロード
|
Wagby のインストール
|
Wagby のアップグレード
|
Wagby のアンインストール
ご購入
価格
|
ご購入手続き
|
ご注意ください
|
Wagby 販売代理店
|
ご購入前にいただくご質問
サポート
インストールガイド
|
チュートリアル
|
Wagby定義ファイル マニュアル
|
Wagby Developer Network
|
設定・運用・管理
|
見積作成機能ガイド
|
よくある質問と回答
|
オンラインサポート
|
貴社個別対応サービス
|
教育・セミナー
|
用語集
お問い合わせ
製品の使い方について
|
問い合わせフォーム
|
お電話での問い合わせ
|
Wagby コミュニティについて
|
代理店様専用ページ
サポート
>
Wagby定義ファイル
>
13 レイアウト
> 横並びレイアウトの実現
横並びのレイアウトを実現する方法を紹介します。
実行例
ここでは「氏名」と「カナ氏名」を「個人情報」というレイアウト名で設定し、横並びのレイアウトを実現する方法を紹介します。
図1 横並びのレイアウト
設定方法
項目名(日本語)の「氏名」と「カナ氏名」に「個人情報」というレイアウト名を指定します。 ここで、レイアウト名と項目名は「
>
」で区切ります。
図2 項目名の区切り
レイアウト名と項目名は「>」で区切ります。
区切り文字「>」は半角で指定してください。全角は使用できません。
次に、「レイアウト定義」ボタンをクリックします。
図3 レイアウト定義ボタン
レイアウトの定義画面にレイアウト名を設定し、「並び方向」のコンボボックスから「横→」を設定します。横並びレイアウトの場合、表示比率を指定することができます。 表示比率を指定する場合は、横に並べる項目分を「,(カンマ)」区切りで指定します。 今回は、「50%,50%」と指定しました。
図4 並び方向
前へ
1
2
3
4
5
6
7
8
9
10
次へ
このページ
実行例
設定方法
13 レイアウト
画面レイアウトの説明
縦並びレイアウトの実現
縦方向へのグループ化
横並びレイアウトの実現
ラベル部分、値部分の表示比率を変更する
より複雑なレイアウトの実現
繰り返しコンテナのレイアウト (1) 列幅の調整
繰り返しコンテナのレイアウト (2) 縦並びの利用
アクション部の表示位置を指定する
任意のHTMLまたはJSPコードをアクション部に埋め込む