Can I put Related Links at the very bottom? (Visually, I think this looks best)

Brian Whyte · ‎11-30-2023

This is just my opinion of course, but from a layout perspective, it makes more sense to me that Related Links be the last thing on the page. I've noticed that any related lists appear below this and in my opinion, I think it just doesn't look right. Anyway to move these around without writing an onload even that does JavaScript to move these elements around after the page loads?

Dr Atul G- LNG · ‎11-30-2023

Hi @Brian Whyte

OOTB it is not possible or available. By script /customization it can be do able but again not much recommended.

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

View solution in original post

Brian Whyte · ‎11-30-2023

This will do it in Tokyo for the RITM view.

Create Client Script on sc_req_item table...

Then, use this code to inject the changes (best to confirm class selectors with F12 developer tools first)

function onLoad() {
   //Type appropriate comment here, and begin script below
   setTimeout(updatecss,50);
}

function updatecss()
{

        //Move related links to the bottom where I feel it should be
	//Grab the content
	var relatedlinksarea = document.querySelector(".related-links-wrapper").outerHTML;
	//Blank it out
	 document.querySelector(".related-links-wrapper").outerHTML = "";
	//Move it to the bottom of the page
	document.querySelector(".form-settings-container").outerHTML = "<div style='padding:25px'>" + relatedlinksarea + "</div> "+ document.querySelector(".form-settings-container").outerHTML;
}

This is how it looks after which I think looks better, but totally my opinion.

View solution in original post

Brian Whyte · ‎11-30-2023

Here's a graphic of what I'd like to do

Brian Whyte · ‎11-30-2023

I can do it with JavaScript and queryselectors, but I'd like to do something OOB first so I don't have to worry about patches messing with my injected JavaScript.

Luiz Lucena · ‎11-30-2023

Hey @Brian Whyte ,

What you can do is add your idea in the Idea Portal and hopefully, depending on how many votes it gets it may be implemented in future releases.

Brian Whyte · ‎11-30-2023

Lol, I don't have time for that. I think a usability expert must be making this decision and knows better than me.