カスタムの背景プロパティの設定

背景と境界線のスタイルを設計要素に適用します。例えば、背景と境界線のスタイル用の色とイメージプロパティと、境界線用の幅プロパティがあります。

このタスクについて

背景と境界線のプロパティを設定するには、以下のステップを実行します。

手順

  1. XPages エディタで設計要素を選択します。
  2. [プロパティ] ビューで、[背景] タブをクリックします。
  3. ビューコントロールまたはセクションコントロールのユーザー定義スタイルを設定する場合は、ダイアグラムをクリックして、コントロールの領域を選択できます。 セクションコントロールの場合は、セクション全体またはセクションのヘッダーを選択できます。 ビューコントロールの場合は、ビュー全体またはデータ表を選択できます。
    注: また、エディタの [設計] タブのビューの列またはビューの列のヘッダーをクリックしてから、そのプロパティを設定することもできます。
  4. [背景] セクションで、以下のステップを実行します。
    1. [色] フィールドで、カラーピッカーボタンをクリックし、ダイアログボックスから背景色を選択して、[OK] をクリックします。 背景色を元の状態 (透明) にリセットするには、2 つの矢印のついたボタンをクリックします。
    2. [イメージ URL] フィールドに、アプリケーション内のイメージへの URL を入力します。 URL は url(imagename) 形式にする必要があります。これは、[イメージ選択ダイアログの起動] ボタンをクリックして追加する場合と同じです。 [OK] をクリックします。 これにより、設計要素の背景にイメージが追加されます。
    3. [繰り返し] フィールドで、背景イメージの繰り返しの有無と方法を選択します。 次の選択項目があります。
      • 繰り返し: イメージを横方向にも縦方向にも繰り返します
      • 繰り返し-x: イメージを横方向に繰り返します
      • 繰り返し-y: イメージを縦方向に繰り返します
      • 繰り返しなし: イメージは 1 回のみ表示します (繰り返しなし)
    4. [添付ファイル] フィールドで、イメージをユーザー画面に表示させる方法を指定します。 次の選択項目があります。
      • スクロール: イメージは画面とともにスクロールします
      • 固定: イメージはスクロール中も背景に固定されます
    5. [位置] フィールドで、UI コントロールの背景の位置を選択します。 [左上]、[上部中央]、[右上]、[中央左]、[中央中央]、[中央右]、[左下]、[下部中央]、[右下] から選択します。
  5. [境界線] セクションで、以下のステップを実行します。
    1. [色] フィールドで、カラーピッカーボタンをクリックし、ダイアログボックスから背景色を選択して、[OK] をクリックします。 背景色を元の状態 (透明) にリセットするには、2 つの矢印のついたボタンをクリックします。
    2. [スタイル] フィールドで、リストから境界線のスタイルを選択します。
    3. [幅] フィールドで、リストから境界線の幅を選択します。
  6. [ファイル] > [保存] をクリックして、変更を保存します。
親トピック: ユーザー定義のスタイルの操作