List behavior for next experience theme
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-08-2024 10:00 PM
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
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-08-2024 10:08 PM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-08-2024 10:25 PM
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?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
04-11-2024 06:06 AM
I have aksed customer to not customise as it could get impacted by future relaese. They are okay with current functionality.