スタイルクラスの適用

スタイルシートを作成した後またはアプリケーションにインポートした後には、スタイルクラスを設計要素に適用するか、数式に基づいてクラス値を計算します。

このタスクについて

スタイルクラスを適用するには、XPages エディタで設計要素を選択して、[プロパティ] ビューにある [スタイル] タブをクリックします。 設計要素とは、グラフィカルにアプリケーションを作成および変更するために使用するツールです。 設計要素には、XPage、カスタムコントロール、テーマ、スタイルシート、スクリプトライブラリ、イメージなどが含まれます。

以下のステップを使用して新しいスタイルクラスを適用する場合、フォント、背景、余白に設定したカスタムスタイルプロパティは上書きされます。 設計要素にカスタム設定が追加されていないかどうかは、パネルの上部に表示されるメッセージ [カスタムフォーマットは追加されませんでした] で確認できます。 カスタムスタイル設定を削除するには、[クリア] をクリックします。 カスタムフォーマットは消去するが、後で使用できるようにスタイルクラスとして保存するには、[エクスポート] をクリックします。 詳細については、このトピックの最後のトピックを参照してください。

手順

  1. アプリケーションで最近使用したスタイルシートからスタイルクラスを適用するには、[最近使用したスタイル] カテゴリを展開して、クラスを選択します。 クラスを選択すると、[クラス] フィールドに表示されます。
  2. 作成するかインポートして XPage に追加したスタイルシートのスタイルクラスを適用するには、[ページ上のスタイルシート] カテゴリを展開し、クラスを選択します。 クラスを選択すると、[クラス] フィールドに表示されます。
  3. スタイルクラスを計算するには、[クラス] フィールドの横にあるひし形をクリックし、ストリングを戻すスクリプトを作成します。 例えば、以下の式ではユーザー名によって使用するクラスが異なります。 
    if(session.getCommonUserName() == "anonymous") 	
 return "CaptionFigColumn"; 

else 
 return "Note"
  4. [ファイル] > [保存] をクリックして、変更を保存します。
親トピック: XPages でのスタイルの追加