Hello All:
I've been tasked to figure out why the Catalog Item categories are are betting Truncated.
I'm not familiar with CSS Pages or widgets.
I've compared the Knowledge Category Widget to the Service Catalog, and I'm not detecting anything around "Text Wrapping".
Here is the Catalog Item page vs the Knowledge page.
Where can i Update this property.
Hey,
I believe the left is the widget 'SC Categories' and if so, the list element receives the class 'text-overflow-ellipsis' which causes the truncation you've described.
Without customising you can override the behaviour via the portal theme record. Via the related list on the theme record, select 'New' on the CSS includes tab.
Give it a useful name, and save the record
Also create a style sheet with a distinguishable name by clicking on the magnifying glass icon and creating a new record via the new window.
Navigate to the style sheet created, and add the following CSS
/*
* class selector, to only apply to sp_widget.4c03cba0cb11020000f8d856634c9ce1
* Which is the SC Categories widget
*/
.v4c03cba0cb11020000f8d856634c9ce1 {
section {
div.category-widget {
ul.list-group {
li.list-group-item {
text-overflow: unset !important;
overflow: unset !important;
text-wrap: wrap !important;
span.category.text-overflow-ellipsis {
text-overflow: unset !important;
overflow: unset !important;
text-wrap: wrap !important;
}
}
}
}
}
}Result, without cloning the widget
