Field Styles on Service Portal

F_bio Gon_alves
Tera Expert

Hi SNC,

I am struggling with a very specific issue: configure styles of a given field on Service Portal.

Consider as an example the table on Capture1. This is a print of a table on the back-end, where I have configured the field Status to exhibit that style - red for "Down", green for "Live" and yellow for "Maintenance".

Capture1.PNG

The problem is when I transport this table to Service Portal (please see Capture 2). Here, the field only exhibit the labels "Down", "Live" and "Maintenance", without the respective bubble color.

Capture2.PNG

Does anyone experienced the same problem?

Any ideas on how to solve this?

I have urgency on solving this issue.

Thanks in advance,

Fábio Gonçalves

4 REPLIES 4

sergiu_panaite
ServiceNow Employee
ServiceNow Employee

I don't think a field style for a list view will work for Service Portal as well. Service portal list views are coming from widgets which are using for HTML part Angular, so you would need to adjust the Body HTML Template to reflect the same color as for field style.


Is it an out of box widget?


Hi Sergiu Panaite,



I am using a simple widget to get the table from the back-end.



Please see below the HTML code of my widget:



"


<div>


  <div class="panel-heading">Business Services - Service Application: Collaboration</div>


  <div class="alert alert-danger" ng-if="data.invalid_table">


      ${Table not defined} '{{data.table_label}}'


  </div>


  <sp-widget ng-if="data.dataTableWidget" widget="data.dataTableWidget"></sp-widget>


</div>


"




Best regards,



Fábio Gonçalves


Hi Fábio,



I got the same issue, did you found any solution ?



My best,


Hi Hamza O,



No, unfortunately I did not found a solution for this issue.




Best regards,



Fábio Gonçalves