Skip to main content

Is it possible to change the behavior of the Title and Description lines as shown below on a Service Item so that neither are truncated by the ellipsis? Even when we make the tile wider, it doesn’t allow any more of the title or description to display. Is there CSS that someone can provide to fix this?

 

 

Hi.

Wonderful request.

Let’s wait for someone else’s response, but I’d suggest to submit a support case. They will help you with this, with the UX team, if possible.

 

Regards,


I have a ticket open with support to see if this is possible.


FYI - Support says this is not possible.


Hi @jlambert 

Hope you are well, Apologies that the support person wasn’t able to help you out. I have a piece of code which maybe you can try and might help you out:

 

<script>

    $(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

                    .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>

 

If you can paste this in the Footer section of Rebranding and check if it works?

Regards,

Ammar KB


It is troubling just how locked down the service catalog is. I don’t like the fact that we can’t do more customization of this environment. They give us free reign on the support portal but then prevent us from doing much to the service catalog. One thing we have had them implement on our behalf is to add code that expands the description text on all individual service items. That has made it a little better.


Reply