Customizing cascading styles

Edit online

You can customize the styles for the login page, home page, and headers. To apply customized styles, you must create a cascading stylesheet (CSS) file that contains your customized styles and store it in the appropriate location.

About this task

By default, the css folder is provided by IVIG at .../itim/custom/ui/original. You must create a css file that contains customized style data. Refer to the sample css file that is available in the .../itim/custom/ui/original/css folder. See Sample CSS file for customizing styles.

This procedure describes how to apply the customized styles and where to place the css file so that it can be used by the IVIG server.

Restriction: You can use the custom css to change the look and feel of existing elements, such as their font, color, size, and so forth. However, you cannot add elements to the user interface or modify the contents of the user interface.
The following list includes several properties of the user interface elements that you can customize:
  • Background color, text color, gradient color, border color, and so forth
  • Image size, text size, element size, and so forth
  • Element alignment and position
  • Hide unwanted elements
  • Add a custom link in the header

Procedure

  1. Create a css file named Custom.css
    Note: The css file name must be Custom.css.
  2. Open the css file in a text editor, and define any new styles that you want to apply to the product user interface.
  3. Store the Custom.css in the .../itim/custom/ui/css folder.

What to do next

Start the IVIG Service Center in a browser to verify that the customized styles are being used.