Administration Guide

Customizing the style of Service Catalog Items

Updated in 2022.1

Service Catalog Items are available in the Desktop App, Web App, and Self Service Portal as well. You can independently change the appearance of Service Catalog Items for each of these locations.

NOTE: When customizing the appearance of Service Catalog Items for web or mobile apps, make sure that you precede each CSS style definition with the special parent selector #servicecatalog. This selector ensures that your style definitions apply only to Service Catalog Items, not to the entire web page. For details, see Customizing style sheets for web and mobile apps.

To modify the current style sheet:

  1. From the Sidebar, navigate to General > CSS Styles > Service Catalog Item.

  2. Choose where you want to change the style of Service Catalog Items: Desktop App, Web App, Self Service Portal, or Mobile Apps.

  3. Customize CSS style definitions as needed. Make sure not to delete or modify existing CSS class names and selectors.

  4. Click Save on the Standard toolbar.

To save the current Service Catalog Item style sheet to a file:

  1. Choose which stylesheet you want to save: Desktop App, Web App, Self Service Portal, or Mobile Apps.

  2. Click Save To File. The Save Stylesheet to dialog box opens.

  3. Browse for the location to save the file to, enter the file name, then click Save on the Standard toolbar.

To import the style sheet from a file:

  1. Choose which stylesheet you want to import: Desktop App, Web App, Self Service Portal, or Mobile Apps.

  2. Click Load From File. The Load Stylesheet from dialog box opens.

  3. Browse for the .css file and click Open.

    NOTE: When you import styles from a file, you replace the current style definition. You may want to export your current style sheet to a file before doing the import.