text wrapping in tile for service portal

sreejith05
Giga Expert

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.

find_real_file.png

<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> &nbsp;
</div>
</div>

</div>
</div>

 

1 ACCEPTED SOLUTION

Brad Tilton
ServiceNow Employee
ServiceNow Employee

I'm guessing you should remove the text-overflow-ellipsis class from the h2 tag.

View solution in original post

1 REPLY 1

Brad Tilton
ServiceNow Employee
ServiceNow Employee

I'm guessing you should remove the text-overflow-ellipsis class from the h2 tag.