Administration Guide

Customizing the style of Service Catalog Items

Updated in 2022.1

Service Catalog Items are available for technicians in the Alloy Navigator Web App and Alloy Navigator mobile app. End users can see them in the Self Service Portal and Alloy Self-Service mobile app. You can independently change the appearance of Service Catalog Items for each of these locations.

NOTE: When customizing the appearance of Service Catalog Items, 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: 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: 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: 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.