Service Catalog Categories as Card/Tile-view on portal page

[kiranped]

Hi All,

When we click on 'Order something' we get a list of Categories and Items.

here Categories are shown as list view, where as items are shown as Card/Tile view (refer screenshot 1).

Q1. Display Categories in Card/Tile view same as items and all items in a list view widget right-side (refer screenshot 2)

When the user clicks on specific Category we should get corresponding items in card/tile view.

Q2. A widget shows a list of all items, right-side (refer screenshot 2).

Please let me know how can I achieve.

Regards,

Kiran Pedduri

[Chuck Tomasi]

The short answer is - you need to write your own widgets to do this. You can use the existing ones as examples. This requires knowledge of Service Portal widgets including Server side Javascript, AngularJS, and HTML.

[Allen Andreas]

Hi, for Q1 it appears the categories utilize widget: SC Categories. Then when you click on it uses widget SC Category Page which shows the tiles. You'd have to most likely clone the SC Category Page and then tweak that to show the tiles for the categories, instead of items within the category. Then reference that page for users to get to.

For Q2, you could create a simple list and then have it show categories that way or popular items etc. Not sure what you want to show exactly.

[Nia McCash]

Have a look at my article: Service Catalog Categories as Cards/Tiles

[Gerrity]

Hi,

Did you ever figure this out and willing to share?

Regards,