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

I think they should also remove the update delete buttons at the bottom. They are already anchored at the top and set to be z-indexed to always be on top. When I see them at the bottom after scrolling a mile to the bottom of the information, I'm like "huh, what are these connected to? Do these delete the stuff just above, the whole ticket, or what?" I mean I know what they are for having tried them, but for a first time user, I think they might be like, what's gonna happen when I click on this.

Luiz Lucena · ‎11-30-2023

Well, for that, we do have an OOTB system property that controls that, but I never modified it.
Seems that doesn't bother us too much.
If you want to try, look for a system property glide.ui.buttons_bottom.

Brian Whyte · ‎11-30-2023

Thanks Luiz, that's helpful. I ended up hiding them the same way as below, but good to know there is an OOB for this one. I agree, I could go either way on whether to include or exclude the buttons. It's just that there are buttons all over the page and I find if the buttons aren't close to what they are meant for, it gets confusing as to what they act on. The ones at the top are at least position fixed and always visible so to me that says, these buttons apply to this UI page as a whole (meaning the RITM itself). That's just me though.

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]

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

Brian Whyte · ‎11-30-2023

Thanks for confirming. I'll post my injected code here later if anyone wants to use developer tools like I'm going to, to change this.

With most software I've used, this links type area is usually at the very bottom whether it's a documentation page, etc. Lol, I think back to UNIX/Linux man pages.

Anyhow, I find small changes in the Core UI like this really help the user experience of my itil users and I'd love better ways to tweak this UI and be able to better control what's in tabs, what colors are used .

As I think we all know, playing with the elements in an onload event is dangerous with patches, so i don't like to do it unless it really helps the efficiency of my team in working with the UI.