UIの設計

デモ・アイコン デモ           詳細アイコン 詳細

  1. コンポーネント・パレットでJSF HTMLページを選択し、「入力テキスト・アイコン 入力テキスト」をクリックしてStart.jspページにドラッグし、ページに入力テキスト・フィールドを追加します。
  2. コマンド・ボタン・アイコン コマンド・ボタン」をクリックし、追加するページにドラッグします。
  3. 出力テキスト・アイコン 出力テキスト」をクリックし、追加するページにドラッグします。
    詳細アイコン 詳細
  4. エディタ・ウィンドウで、コマンド・ボタンをクリックし、そのプロパティをプロパティ・インスペクタに表示します。
  5. プロパティ・インスペクタで、「value」フィールド内をクリックし、デフォルトのテキストをユーザーに表示するラベル(例: Click here)に変更します。
    詳細アイコン 詳細
  6. エディタ・ウィンドウで、出力テキスト・フィールドをクリックし、そのプロパティをプロパティ・インスペクタに表示します。
  7. プロパティ・インスペクタで、「value」フィールド内をクリックし、テキストの「outputText1」を削除して、ページ上のフィールドを空白のままにします。
  8. 「ファイル」メニューの「すべて保存」を選択します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップ