Xpage へのスタイルシートの追加

スタイルシートを作成またはインポートしてアプリケーションに追加すると、アプリケーション内の XPage にそのスタイルシートを追加できるようになります。 次に、XPage とコントロールにスタイルクラスを追加できます。 また、カスタムフォーマットの作成や、スタイルシートへのスタイル属性のエクスポートも可能です。

1. [アプリケーションナビゲータ] にある [リソース] > [スタイルシート] セクションを開いて、アプリケーションにスタイルシートが追加されていることを確認します。
2. Xpages エディタで XPage またはコントロールを選択します。
3. [プロパティ] ビューで、以下のいずれかのステップを実行して [スタイルシートをページに追加する] ダイアログボックスを開きます。
   • [スタイル] タブをクリックして、[スタイルシートをページに追加する] をクリックする。
   • [リソース] タブをクリックして、[スタイルシートの追加] をクリックする。
4. 現在のアプリケーションのスタイルシートを使用するには、以下のステップを実行します。
   1. [このアプリケーションからスタイルシートを使用する] を選択します。
   2. スタイル・シートを作成するには、「新規」をクリックします。 スタイルシートの名前、説明、場所、アプリケーションを指定して [OK] をクリックすると、スクリプトエディタが開いて、そこに CSS コードを入力できます。 完了したら、[ファイル] > [保存] をクリックして新規スタイルシートを保存し、[スタイルシートをページに追加する] ダイアログボックス内の [このアプリケーションからスタイルシートを使用する] リストにこれを追加します。
   3. スタイルシートをインポートするには、[インポート] をクリックします。 ローカルマシン上のスタイルシートへのパスを指定して、スタイルシートの名前 (現在のと異なる場合)、説明、場所、アプリケーションを指定し、[OK] をクリックすると、新規のスタイルシートが [スタイルシートをページに追加する] ダイアログボックスの [このアプリケーションからスタイルシートを使用する] リストに追加されます。
5. Web 上のスタイルシートなど外部スタイルシートを使用するには、[次の URL からスタイルシートにリンクする] を選択して、スタイルシートへのパス (http://www.ibm.com/style.css など) を入力します。
6. [OK] をクリックします。