Include CSS files

The design of the HTML interface can be modified by including CSS style sheets. The custom style sheets are inserted after the default style sheets. For the custom style sheet to take effect, the included rule sets must have selectors that are as precise as the default ones. These files are added to all pages.

Location

XML file in the xml folder

Procedure

  1. Copy the <includesGlobal> element from default configuration to customizing.
  2. Create one or more <globalStyle> elements within the <includesGlobal> element.
  3. Move style sheets to folder \design\custom\css and images to folder \design\custom\images.
  4. Modify attributes of <globalStyle> to match the style sheet’s name.

Documents

globalstaticresources.xml, globalstaticresources.xsd

Remark

In some cases, images and icons are embedded in the interface with style sheets. To replace these resources, overwrite the existing CSS rule and include the new image.

Example

AddCustomUIHeader

\WEB-INF\config\custom\xml\logo.xml: Change interface