- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-20-2018 02:29 AM
Hi All,
I have added the popular items widget in service portal, but the issue is the text is not wrapping in the tile, someone has to keep the mouse cursor to see the complete option.
Please find the below screenshots. also find the HTML template code let me know where i can make the changes.
<h1 class="font-thin m-t-none">{{::options.title}}</h1>
<div class="row" >
<div class="col-sm-12 col-md-8" ng-repeat="item in data.items | orderBy: '-count' | limitTo: data.limit">
<div class="panel panel-default">
<a href="?id=sc_cat_item&sys_id={{item.sys_id}}" class="panel-body block">
<div class="overflow-100">
<h2 class="h4 m-t-none m-b-xs text-overflow-ellipsis" title="{{::item.name}}">{{::item.name}}</h2>
<img ng-src="{{::item.picture}}" ng-if="::item.picture" class="m-r-sm m-b-sm item-image pull-left" alt="{{::item.name}}" role="presentation" />
<div class="text-muted item-short-desc">{{::item.short_description}}</div>
</div>
</a>
<div class="panel-footer">
<a href="?id=sc_cat_item&sys_id={{item.sys_id}}" class="pull-left text-muted" tabindex="-1">${View Details}</a> <span ng-if="data.showPrices && item.hasPrice" class="pull-right item-price font-bold">{{::item.price}}</span>
</div>
</div>
</div>
</div>
Solved! Go to Solution.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-20-2018 06:22 AM
I'm guessing you should remove the text-overflow-ellipsis class from the h2 tag.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎02-20-2018 06:22 AM
I'm guessing you should remove the text-overflow-ellipsis class from the h2 tag.