List behavior for next experience theme

Nisha15
Mega Sage
Mega Sage

Hello everyone,

 

currently in the next exeperience if you will hover over the record then you will see the incident is link and the select box button

Nisha15_0-1712638664590.png

if we dont hover then select box fo preview button and the link sign is not under the incident.

can we do this, is it achievable, if so can someone tell me how can we achieve this.
Thanks in advance,
Nisha

3 REPLIES 3

Deepak Shaerma
Kilo Sage

Hello @Nisha15 
Yes, customizing the UI behavior in  Next Experience is achievable.
For achieving such UI customization requires a combination of client-side scripting and possibly CSS. However, it’s important to note that extensive customization of the built-in UI behavior might not be directly supported by ServiceNow’s customization capabilities or recommended, as it can impact future upgrades and overall system maintainability.

1. CSS 

.record-row .select-box,
.record-row .link-icon {
    visibility: hidden;
}
.record-row:hover .select-box,
.record-row:hover .link-icon {
    visibility: visible;
}

For more intricate interactions that can’t be achieved with CSS alone, you might need to use a client script.
1. UI Script: Create a UI Script in ServiceNow that listens to hover events on the rows of your list and toggles the visibility of your elements appropriately.

2. Client Script or UI Page Customization: Depending on whether you are modifying a list view, form, or a custom UI page, you may leverage Client Scripts (for forms) or customize UI Pages with embedded JavaScript to achieve the desired on-hover behavior.
Note: Please Mark this Helpful and Accepted Solution. If this Helps you to understand. This will help both the community and me..
- Keep Learning ‌‌
Thanks & Regards 
Deepak Sharma 


I want this on list view as you can see the screenshot attached for incident(this table is just example)
yes are aware of future release problem, but can you tell were can i write the css to make it working?

Nisha15
Mega Sage
Mega Sage

I have aksed customer to not customise as it could get impacted by future relaese. They are okay with current functionality.