レイアウトの最適化
詳細
- エディタ・ウィンドウで、「br-o.jspx」タブをクリックして参照ページを前面に表示します。
- ビジュアル・エディタで列をクリックします。
- 「構造」ウィンドウで「tr:table」を選択します。
- プロパティ・インスペクタで、「行」プロパティの値を
2
に変更して[Enter]を押します。
- 「構造」ウィンドウで、「trh:html」の下にある「trh:head - br-o」を右クリックし、「HTML/JSPの挿入」を選択します。
- 次の行をテキスト・ボックスにコピー・アンド・ペーストし、テキストをカッコ内に挿入します。次にテキスト・ボックスを閉じます。
meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/
詳細
- エディタ・ウィンドウで、「ed-o.jspx」タブをクリックして編集ページを前面に表示します。
- 「構造」ウィンドウで、「trh:html」の下にある「trh:head - ed-o」を右クリックし、「HTML/JSPの挿入」を選択します。
- 次の行をテキスト・ボックスにコピー・アンド・ペーストし、テキストをカッコ内に挿入します。次にテキスト・ボックスを閉じます。
meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/
「ed-o.jspx」
の「構造」ウィンドウで、「tr:panelGroupLayout」、「tr:panelFormLayout」の順に開きます。
- 「tr:inputText」のコンポーネントである「OrderId」、「CustomerId」、「ShipToAddressId」および「ShippingOptionId」を選択します。
- プロパティ・インスペクタで、「列」プロパティの値を
5
に変更して[Enter]を押します。
詳細
- ビジュアル・エディタで、「tr:inputText」のコンポーネントである「OrderDate」、「OrderShippedDate」、「OrderTotal」、「ShipToName」、「ShiptoPhoneNumber」および「GiftwrapMessage」を選択します。
- プロパティ・インスペクタで、「列」プロパティの値を
12
に変更して[Enter]を押します。
- エディタ・ウィンドウで「faces-config.xml」タブをクリックして、このファイルを手前に表示します。
- ページ・フロー・ダイアグラムで、「br-o.jspx」ページ・アイコンを右クリックして「実行」を選択します。
IDE表示の詳細説明
次のステップ
Copyright © 1997, 2009, Oracle. All rights reserved.