Skip to Content

Default language.

Using customized style sheets

You can add your own style sheet to override the rules defined in system style sheets. A customized style sheet can change the appearance of the application in the browser, including fonts, labels, colors (including background, text, and link colors), menu styles, button styles, and trim lines. For example, if you want an application to include your corporate standard for colors and fonts, use a customized style sheet to reflect your corporate styles.

In the following example, the colors for trim link text and trim link hover text have been changed from their default values in the ARSystem.css style sheet.


a.TrimLink {
   text-decoration:underline;
   color:navy;
}
a.TrimLink:hover {
   color:#cccccc;


If you modify the installed ARSystem.css files in the installed locations, (see Default-style-sheets-provided-with-AR-System-server), the changes are applied to all applications running on that mid tier.

To associate the customized style sheet with a specific application only, save the style sheet to a directory accessible to the mid tier, for example, in the midTierInstallDir\resources directory tree.  Refer to Applying-a-customized-style-sheet-to-a-web-application topic for the procedure to associate the style sheet to the application. 

Success

Tip

If you name the customized style sheet with a unique name, such as mystyle.css, you can save it in the default directory structure. This is helpful if you need to store different versions of your custom style sheet to accommodate browser-specific settings. If you want to use a customized style sheet named ARSystem.css but apply the changes to a specific application only, then you must create a parallel directory structure for the customized style sheet.

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*

Remedy Action Request System 20.02