Hi there,

Did you notice the continuous change of look and feel on the Service Portal SC Catalog Item page? In particular, how the help tag is displayed? The colors, the icons, the expanding. Because we are not interested in the changes which were applied on Madrid and New York, we dug into how to change the widget presented. A short article on how to influence that look and feel a little bit.

Help text

To clarify what this article exactly is about: The help tag icons displayed if a help tag on Variables is applied.

London-Madrid-New York

Let's just visualize the differences between the last three releases. We took out-of-the-box Catalog Item "Item Designer Category Request" as example. Look closely at Variable "Category Description".

London

Madrid

New York

If you like these changes, no worries, just skip this article If you agree on removing these additional help tag icons, read on!

Influence the look and feel

A common heard approach is: Clone the out-of-the-box Service Portal widget and edit the Body HTML template or CSS. We are into trying not to clone out-of-the-box widgets. A lot of changes on Service Portal widgets actually already can be made through CSS. For example, through the Portal Theme CSS, or thru the Portal Page Page Specific CSS. In this case, we have chosen the Page Specific CSS on the current Portal Page (SC Catalog Item).

div.m-b-xs {
  display: none; 
}

.help-tag-icon {
  display: none;
}

If you are not aware of how to reach this page: On the Service Portal, open a random Catalog Item which will take you to the SC Catalog Item page. On the SC Catalog Item widget displayed, CTRL+right mouse click, Page in Designer. On the top right select Page button.

The code in the picture shown simply hides the elements which contain these help tag icons. This way you don't need to clone the Service Portal widget. This method is also upgrade prove (tested on London -> Madrid, and Madrid -> New York).

Result

The result of adjusting the Page Specific CSS on the SC Catalog Item page is a little bit cleaner presentation of the variables which have a help tag applied.

---

And that's it actually. Hope you like it. If any questions or remarks, let me know!

	If this post helped you in any way, I would appreciate it if you hit bookmark or mark it as helpful.Interested in more articles, blogs, videos, and Share projects on Service Portal I published?- Service Portal

Kind regards,Mark

2020 ServiceNow Community MVP

2020 ServiceNow Developer MVP

---

LinkedIn