Hover Text on Business Service Status widget

[Sean Burton]

Hello, I am trying to add hover text to each Service on the service portal Business Service Status Widget. My goal is if you hover over a service, the comment field from the CI record would display. 

I am hoping someone might know how to do this? I am not sure if its in the CSS or the Server Script. 

[Sean Burton]

Just updating, I got hover text to display for each service:

<div class="panel panel-default">
<div class="panel-heading">&nbsp;</div>
<div class="panel-body">
<table class="tb">
<thead>
<th scope="col">
<h2 class="panel-title title">
${Outage History}
</h2></th>
<th scope="col" ng-repeat="date in ::data.dates" class="date-column">{{::date.month}} {{::date.day}}</th>
</thead>
<tbody>
<tr ng-repeat-start="category in ::c.data.categories" aria-hidden="true">
<th scope="col" colspan="6" title="{{::category.label}}"><h3 class="title category" ng-bind-html="::category.label"></h3></th>
</tr>
<tr ng-repeat-end ng-repeat="service in ::category.services" uib-tooltip = "hi sean">
<td scope="row">
<small ng-if="::service.subscribed" class="subscribed" title="${Subscribed to updates}" aria-label="${Subscribed to updates}"><i class="fa fa-envelope"></i></small>
<a ng-href="?id=service_status_ep&service={{::service.sys_id}}" ng-bind-html="::service.name"></a>
</td>
<td ng-repeat="n in [0,1,2,3,4] track by $index" class="outage-row">
<span class="fa" ng-class="::service.outages[4-$index].icon"
sp-tooltip
aria-label="{{::data.dates[$index].month + ' ' + data.dates[$index].day + ' - ' + service.outages[4-$index].msg}}"
role="application"
tooltip-smart="true"
tooltip-template="{{::service.outages[4-$index].msg + ' - ' + data.dates[$index].month + ' ' + data.dates[$index].day}}">
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>

I just cannot figure out how to get each Services comments as the displayed value. 

[Sean Burton · Accepted solution]

So not sure if just adding this here made me think, but I resolved my issue. Sharing, I added this line of code to get comments to hover on this SP widget:

<tr ng-repeat-end ng-repeat="service in ::category.services" uib-tooltip = "{{::service.comments}}">

[Abarna Dhanapal]

How to add service status widget in portal page. I added but it's not showing any Datas Can you please help me on this.