WebFacing で新規スタイルを作成するには、標準のカスタマイズされていないスタイルである、付属の WebFacing スタイルを使用したプロジェクトが必要です。 スタイルへの変更は、選択したスタイルに基づいたものであるため、現行プロジェクトにしか適用されません。 スタイルを保存するには、プロジェクトを右クリックして、 を選択し、そのスタイルに名前を付けます。いったんユーザー定義スタイルを作成すれば、以降の変更内容を同じスタイル名で保存できます。 次に、次回、プロジェクトの作成時に Web スタイルを選択するとき、あるいは次回、現行プロジェクト・スタイルを置換するためにスタイルを選択するときに、このスタイルが選択のために使用可能になります。 スタイルを置き換えるには、プロジェクトを右クリックして、 を選択します。 プロジェクト内のスタイルの位置を示すディレクトリー構造を表示するには、 「ナビゲーター」タブを選択します。 「ナビゲーター」ビューでは、プロジェクトのスタイル・ディレクトリーへのパスは <project_name>¥WebContent¥webfacing¥styles です。
アプリケーション・エリアおよびコマンド・キー・エレメントに使用されるスタイルを編集する場合は、 「スタイル」プロパティー・ページを使用するか、IDE で提供されているツールを使用して ¥apparea ディレクトリーの apparea.css ファイルを直接編集できます。 「スタイル」プロパティー・ページを使用すると、加えられる変更内容の視覚化が容易になり、 これらの変更内容を DDS 要素 (ウィンドウやサブファイル・レコードなど) に適用する方法を示すことも可能になります。 「スタイル」プロパティー・ページによって行われる変更は、apparea.css ファイル内の対応するスタイル・クラス名に適用されます。 すべてのスタイル特性を WebFacing プロパティー・ページで変更できるわけではないことに注意してください。 IDE の CSS エディターを使用するには、編集したいファイルを右クリックして、 を選択します。
アプリケーション領域とコマンド・キーを囲む領域をカスタマイズする場合は、¥chrome ディレクトリー内の CSS ファイルを変更します (ポートレットのスタイルは適用外です)。 ページのレイアウトを変更するには、¥chrome¥html 内のファイル PageBuilder.jsp を編集します。コマンド・キー・ セクションは CmdKeys.jsp および MenuKeys.jsp (すべてのスタイルにあるわけではない) で定義されています。
スタイル変更で編集できるファイル | ファイルが保管されるディレクトリー | 適用される Web ページの一部 | 「プロパティー」ページを使用して編集可能? |
---|---|---|---|
|
¥apparea |
|
はい |
|
¥chrome¥html および ¥chrome |
|
いいえ |