Skip to main content link. Accesskey S

How to Properly Link the CSS Files

CSS

The CSS is broken into the following categories:

Linking the Files

In general, when linking CSS into your page, the following order must be used:

  1. Base Styles - required
  2. Component Styles - required
  3. Layout Styles - optional
  4. Base Theme Styles - required
  5. Component Theme Styles - required
  6. Layout Theme Styles - optional
  7. Dojo Styles (dijit.css) - optional Note: this file is from dojo's dijit/theme directory.
  8. Dojo Override Styles - optional
  9. Dojo Override Theme Styles - optional
  10. Product-Specific Styles

The "css" folder contains all of the CSS files for styling pages. Not all files under this folder are required. To enable maximum flexibility, styles are authored in many individual files and then combined into larger files for convenience. (NOTE: Not all products provide the individual files.) Styles for individual components are located in the "components" folders. These files are combined together into components.css/componentsRTL.css in the "framework" folder. The "framework" folder also contains the Base Styles and Layout Styles. The Base Styles, Component Styles, and Layout Styles are combined together into core.css/coreRTL.css and provided in the parent folder of the "components" and "framework" folders.

For the case where you want to use use all of the CSS styles, the files in the "components" and "framework" folders are not needed. Link these files in the following order:

left-to-right languagesright-to-left languages
core.css
defaultTheme.css
Dojo Files - dijit.css (optional)
dojo.css (optional)
dojoTheme.css (optional)
coreRTL.css
defaultThemeRTL.css
Dojo Files - dijit.css (optional)
Dojo Files - dijit_rtl.css (optional - required if you use dijit.css)
dojoRTL.css (optional)
dojoThemeRTL.css (optional)

If you do not need Dojo, the Dojo files are not necessary.

IBM, the IBM logo, ibm.com and Lotus are trademarks of International Business Machines Corp., registered in many jurisdictions worldwide. Other product and service names might be trademarks of IBM or other companies. A current list of IBM trademarks is available on the Web at "Copyright and trademark information" at www.ibm.com/legal/copytrade.shtml.