Update Request Summary page

[Aparna Gurav]

Hello Team,

Need your help.

On the request summary page, it is not clear that clicking the requested item name will show more details of the request. (See screenshot below)

"Item" has been highlighted on the screenshot as this should be changed to "Item (Click an item name for more details)".

Can anyone suggest the solution?

[SatyakiBose · Accepted solution]

Hello @Aparna Gurav 

Clicking on requested item link opens the RITM details.

A snapshot of it is given below:

Are you expecting more details to be available on this form?

Yes, the item header can also be changed.

Please follow the below details on how to change it.

1. Navigate to Service Portal --> Widgets
2. Open the widget - SC Order Status
3. Create a clone of this widget, as you will not be able to edit the OOB version.
4. Find the below line in the Body HTML template:

<th id="id-header-name" scope="col" class="wrapper-md col-md-2" ng-if="::options.display_name === 'true'">${Item}</th>
​

Change it to:

<th id="id-header-name" scope="col" class="wrapper-md col-md-2" ng-if="::options.display_name === 'true'">${Item (Click an item name for more details)}</th>

Check the below snapshot for reference.

The one on the top is the OOB widget, and the one below is the custom widget with the item header changed.

[SatyakiBose · Accepted solution]

Hello @Aparna Gurav 

Clicking on requested item link opens the RITM details.

A snapshot of it is given below:

Are you expecting more details to be available on this form?

Yes, the item header can also be changed.

Please follow the below details on how to change it.

1. Navigate to Service Portal --> Widgets
2. Open the widget - SC Order Status
3. Create a clone of this widget, as you will not be able to edit the OOB version.
4. Find the below line in the Body HTML template:

<th id="id-header-name" scope="col" class="wrapper-md col-md-2" ng-if="::options.display_name === 'true'">${Item}</th>
​

Change it to:

<th id="id-header-name" scope="col" class="wrapper-md col-md-2" ng-if="::options.display_name === 'true'">${Item (Click an item name for more details)}</th>

Check the below snapshot for reference.

The one on the top is the OOB widget, and the one below is the custom widget with the item header changed.

[Aparna Gurav]

@SatyakiBose : That's Great, Appreciate your help😊

One more question how to change the Item name color to red?

[Aparna Gurav]

@SatyakiBose: Can you please suggest How to change the Item name color to Red on Service Portal?

[SatyakiBose · Accepted solution]

Hello @Aparna Gurav 

The item name is basically a hyperlink.

You need to change the color in the portal theme.

Inside your theme file search for the variable: $brand-primary-darker:

Here you can change the color. I changed my PDI color to red, and this is how it looks like.

But with this, all hyperlinks will have the same red color.