CSS Files
Adding CSS Files
To add custom CSS scripts to Windchill client architecture pages, modify the netmarkets.presentation.cssFiles property in the <customizationRootDirectory>/configurations/xconf/custom.site.xconf file to include the required CSS files. You can include multiple CSS files as a comma or semicolon-separated list as the property value. The order of the files is important. The files are loaded after the Windchill style sheets, so that the files override the default style.
<Property name="netmarkets.presentation.cssFiles"
overridable="true"
targetFile="codebase/presentation.properties"
value="mypath/mycss.css;mypath/mycss2.css"/>
Customizing the Theme
It is recommended not to modify the standard Windchill CSS style sheets. Instead, insert custom stylesheet files as given above. To discover the defined styles, start with the theme file:
codebase/netmarkets/themes/windchill/xtheme-windchill.css
To change the logo and other user-interface branding in Windchill Solutions, perform the following steps:
1. Create a folder at the following path: <customizationRootDirectory>/<module>/main/src_web. For example, ext folder.
2. Store the logo file logo.png in the newly created folder.
◦ If the logo image is not the same size as the out-of-the-box image (for example, 130 x 30 px), it may not appear correctly in certain browsers or in the embedded browser.
◦ The image size 130 x 30 px works well for out-of-box server, but you may need to adjust the CSS file to make the logo appear properly if there are other UI customizations.
3. Create custom.css in this new folder with the following content:
#logoNav.wncApplLogo { background-image: url(logo.png); }
#logoNav.pjlApplLogo{ background-image: url(logo.png); }
#logoNav.pdmlApplLogo{ background-image: url(logo.png); }
◦ The image URL path is relative to the custom.css location.
◦ Additional adjustments may be required in the custom.css file to accommodate a logo image that differs from the out-of-the-box image size, such as width and padding values.
4. Create the custom.site.xconf file in the <customizationRootDirectory>/configurations/xconf folder, if it has not been already created.
5. Register the custom.css file by adding or updating the following property in the custom.site.xconf file to point to the new CSS file.
<Property name="netmarkets.presentation.cssFiles"
overridable="true"
targetFile="codebase/presentation.properties"
value="ext/custom.css"/>
Deploy Customization on Development Environment
Prepare CCD Package for Promotion
For information on the CCD process for promotion, see
Deploying Code and Configuration Package.