Implementing the OOTB Service Catalog (Using an Existing Service Catalog Widget)
Good to Know:
- The OOTB Service Catalog Widget is a stand-alone Widget; it does not work if embedded in a Dashboard.
- Images associated with catalog items should be sized to 64x64 pixels for best results. CSM will resize larger or smaller images to fit a 64x64 pixel container.
- If you preview the Cards with Search style, you will see a static example of the layout, rather than a true preview of your live data.
To update an existing Service Catalog to take advantage of the Cards with Search style introduced in the 9.2.0 OOTB Service Catalog, perform the following steps:
- Go to the Widget Manager, right-click Service Catalog, and select Edit. In the Display page, select Cards with Search from the Style drop-down.
- If necessary, add a description field in each lookup table, then add the field to the associated form.
-
Select the
Show Image next to each command checkbox.
- Choose Field with Image to select a source for the image. The fields available in the drop-down are related to the Action Business Object selected on the Actions page.
- Choose Expression to build an expression to provide an image.
- Optional for Advanced Users: To edit primary and interactive text colors, use the Definition Editor. Select WidgetActionCatalogStyleDef from the Def Type drop-down list. Inside the <Css> element, the Primary (#0056B8) and Interactive (#034470) colors can be changed to any CSS color (hex code, RGB value, or a valid color name). There are multiple instances of the Primary and Interactive colors in the CSS block.
Note: To use card images on a single-level Service Catalog, ensure the
Action Business Object you choose has a field that stores images.