As can be see I the screenshots attached, I want to squeeze in more words into the tile so that user is as much informed as possible. How can I maximize the amount of characters that can be put inside the content card? All this should be achieved only on the topic I am working on viz. “Test - 2nd June 2025” in the screenshots.
For ex – currently, we see only 2 lines of short description (or as we call it – help text) reflected in the content card. We would like to see 3 lines.
I found this discussion and it seems to go into an endless rabbit hole → https://www.servicenow.com/community/employee-center-forum/change-label-on-content-card/m-p/3057787/... , esp @Pooja_Patil 's comment as highlighted in screenshots.
Question 1 – How do I find what the current character limit for short description on the content card/ tile?
Question 2 – How do I achieve my requirement, only for the topic I am working on?
I cloned “Taxonomy Content Card” widget in my PDI and made the following replacement in the HTML body
The below was initially present ↓↓↓↓
<div class="item-description text-ellipsis text-ellipsis-two-line">
<span ng-bind-html="c.description"></span>
</div>
And I replaced that with the below ↓↓↓
<div class="item-description text-ellipsis text-ellipsis-three-line">
<span ng-bind-html="c.description"></span>
</div>
I also added this in the CSS section
.three-line-ellipsis {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
But I don’t see any changes reflected.
Since I cloned, do I need to deactivate the original widget?
I ultimately opened Employee Taxonomy Topic in Page Designer , hoping to see if the changes I made have been reflected there (screenshot attached) but got this message → “Error Warning: This is a High Risk file that might get updated again in later releases. Do not alter this file unless necessary.”
Will someone please advise?
Any suggestions woould be appreciated
@Pooja_Patil -
1) Just to be sure, adding the CSS code to the widget instance of Topic_Content is enough? is that what you are saying?
2) Secondly, I want the CSS for making it three lines to be enforceable only on 1 specific topic as I have mentioned in the original post above. Just wanted to get clarity that this is possible? Please confirm.
