Remove Icon from sub topic widget
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-20-2023 08:03 PM
Hi All,
There is an requirement of removing the icon from the topics in subtopic widgets on the employee center portal.
This Icon we need to remove and we need to make the box more curved by changing the font color. Can some one please suggest some way to achieve this.
Thanks in advance
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-20-2023 09:33 PM
Hi,
Press Ctrl+ right click on the widget
Go to instance in page editor
Add below to CSS section to modify color
To hide the icon update below highlighted part to false
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-20-2023 09:38 PM
Hello @pandeyved
Go to Navigator> Service Portal > Pages> Search for ec_pro_dashboard.
Go to Popular Topics Instance and modify the HTML script to remove it.
Plz mark my solution as Accept, If you find it helpful.
Regards,
Samaksh
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
11-21-2023 07:22 PM - edited 11-21-2023 07:31 PM
@pandeyved
As part of the product itself, the Subtopics widget comes with an instance option "Show Topic Icon". You can enable/disable icons based on your requirements with ease.
Product documentation reference: https://docs.servicenow.com/bundle/vancouver-employee-service-management/page/product/employee-cente...
For the rounded corners, I am guessing you want to achieve something like this below.
You can open "Instance in page editor" instead of instance options and add the below lines of code in CSS.
.subtopics {
border-radius: 10rem !important;
}
This will not act as a customization to the widget but only affect the specific instance of the widget.
Thanks