It’s frustrating that the service catalog view cannot be modified to enable the full name of an icon to be seen without having to hover over the icon. Couldn’t we add mutliple view settings like “List, Details, Large Tiles, Small Tiles” etc like you can in Windows File Explorer?
Here’s a simple example where the title is cut off:
Some of our less obvious service catalog items are not easy to understand without hovering over the tile to reveal the name:
+10Hi, I used this code to “uncut” the service catalog items. It is placed in the Portal customization in the footer below everything else:
<script>
//uncut service catalog titles
$(document).on("PageUpdate", function (event) {
if (event.detail.page !== "catalog_items") return;
var listItemsContainer = $("#list-items");
var updateItemNames = function (items) {
items.forEach(function (item) {
listItemsContainer
.find('a[href="/support/catalog/items/' + item.id + '"] .item-name')
.text(item.name);
});
};
updateItemNames(event.detail.data.items.catalog_items);
listItemsContainer.off("NewContent.nameupdate");
listItemsContainer.on("NewContent.nameupdate", function (event) {
updateItemNames(event.detail.items.catalog_items);
});
});
</script>
+8Hi, I used this code to “uncut” the service catalog items. It is placed in the Portal customization in the footer below everything else:
<script>
//uncut service catalog titles
$(document).on("PageUpdate", function (event) {
if (event.detail.page !== "catalog_items") return;
var listItemsContainer = $("#list-items");
var updateItemNames = function (items) {
items.forEach(function (item) {
listItemsContainer
.find('a[href="/support/catalog/items/' + item.id + '"] .item-name')
.text(item.name);
});
};
updateItemNames(event.detail.data.items.catalog_items);
listItemsContainer.off("NewContent.nameupdate");
listItemsContainer.on("NewContent.nameupdate", function (event) {
updateItemNames(event.detail.items.catalog_items);
});
});
</script>
Thank you for this, our Service Catalog looks much better now!
Hi, I used this code to “uncut” the service catalog items. It is placed in the Portal customization in the footer below everything else:
<script>
//uncut service catalog titles
$(document).on("PageUpdate", function (event) {
if (event.detail.page !== "catalog_items") return;
var listItemsContainer = $("#list-items");
var updateItemNames = function (items) {
items.forEach(function (item) {
listItemsContainer
.find('a[href="/support/catalog/items/' + item.id + '"] .item-name')
.text(item.name);
});
};
updateItemNames(event.detail.data.items.catalog_items);
listItemsContainer.off("NewContent.nameupdate");
listItemsContainer.on("NewContent.nameupdate", function (event) {
updateItemNames(event.detail.items.catalog_items);
});
});
</script>
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.