CSS ファイル
CSS ファイルの追加
Windchill クライアントアーキテクチャページにカスタム CSS スクリプトを追加するには、<カスタマイズのルートディレクトリ>/configurations/xconf/custom.site.xconf ファイルにある netmarkets.presentation.cssFiles プロパティを修正して、必要な CSS ファイルを含めます。プロパティ値として複数の CSS ファイルをコンマ/セミコロン区切りリストとして含めることができます。ファイルの順序は重要です。CSS ファイルによってデフォルトのスタイルがオーバーライドされるように、Windchill スタイルシートの後で CSS ファイルが読み込まれます。
<Property name="netmarkets.presentation.cssFiles"
overridable="true"
targetFile="codebase/presentation.properties"
value="mypath/mycss.css;mypath/mycss2.css"/>
テーマのカスタマイズ
標準の Windchill CSS スタイルシートは修正しないようにしてください。代わりに、前述のようにカスタムスタイルシートファイルを挿入します。定義されているスタイルを検出するため、最初にテーマファイルから始めます。
codebase/netmarkets/themes/windchill/xtheme-windchill.css
Windchill ソリューションでロゴおよびその他のユーザーインタフェースのブランドを変更するには、次の手順を実行します。
1. <カスタマイズのルートディレクトリ>/<モジュール>/main/src_web のパスにフォルダを作成します。たとえば、ext フォルダなどです。
2. 新しく作成したフォルダに、ロゴファイル logo.png を保存します。
◦ ロゴイメージが既成のイメージと同じサイズでない場合 (たとえば、130 x 30 px)、特定のブラウザや埋め込みブラウザでは正しく表示されない可能性があります。
◦ イメージサイズ 130 x 30 px は既成のサーバーでは適切に機能しますが、その他の UI カスタマイズがある場合は、CSS ファイルを調整してロゴが正しく表示されるようにする必要があります。
3. この新規フォルダに、custom.css を次のコンテンツで作成します。
#logoNav.wncApplLogo { background-image: url(logo.png); }
#logoNav.pjlApplLogo{ background-image: url(logo.png); }
#logoNav.pdmlApplLogo{ background-image: url(logo.png); }
◦ イメージの URL パスは、custom.css の場所を基準にしています。
◦ 幅やパディングの値など、既成のイメージサイズとは異なるロゴイメージに対応するために、custom.css ファイルで追加の調整が必要になる場合があります。
4. custom.site.xconf ファイルがまだ作成されていない場合は、<カスタマイズのルートディレクトリ>/configurations/xconf フォルダに作成します。
5. custom.site.xconf ファイル内の次のプロパティを追加または更新して新しい CSS ファイルを指すようにすることにより、custom.css ファイルを登録します。
<Property name="netmarkets.presentation.cssFiles"
overridable="true"
targetFile="codebase/presentation.properties"
value="ext/custom.css"/>
開発環境でのカスタマイズの展開
CCD の展開のプロセスについては、
開発環境でのカスタマイズの展開を参照してください。
プロモーション用 CCD パッケージの準備
CCD のプロモーションのプロセスについては、
コードとコンフィギュレーションのパッケージの展開を参照してください。