question Re: How to hide back button in form? in Developer forum

How to hide back button in form?

Sadique Kabir — Tue, 26 Mar 2024 08:35:11 GMT

Hi All,

How to disable the Back button in Service Now.

Did anyone worked on this. Any help will be greatly appreciated.

Regards,

Sadique

Note:- I have already tried some methods/codes that is available in community but not working.

Re: How to hide back button in form?

Service_RNow — Tue, 26 Mar 2024 08:38:05 GMT

Hi @Sadique Kabir

It is possible to disable back button on the form. For that, run the below Client Script:

function onLoad()

{

document.getElementsByClassName("btn btn-default icon-chevron-left navbar-btn")[0].style.display="none";

}

Apply the above script on table.

Now, you can see there is no back button on the form.

https://docs.servicenow.com/bundle/washingtondc-platform-user-interface/page/administer/navigation-and-ui/concept/c_NavigationStack.html

Please mark reply as Helpful/Correct, if applicable. Thanks!

Re: How to hide back button in form?

Sadique Kabir — Tue, 26 Mar 2024 08:52:05 GMT

Hi @Service_RNow

I tried the above solution provided by you but its not working...

but thank you...

Re: How to hide back button in form?

Dr Atul G- LNG — Tue, 26 Mar 2024 09:12:40 GMT

Hi @Sadique Kabir

I have no solution, but why you want to remove this, it is a good part and enhance user experience.

Re: How to hide back button in form?

Sadique Kabir — Tue, 26 Mar 2024 09:21:27 GMT

Hi @Dr Atul G- LNG ,

Actually I got a requirement in service portal project where browser back button is landing upon list view...
and this back button landing upon self service...
that's why I wanna remove this button...

Re: How to hide back button in form?

Robbie — Tue, 26 Mar 2024 09:22:41 GMT

Hi @Sadique Kabir,

This can be achieved with 2 steps as outlined below, however, I would like to ask what you're trying to achieve by removing this? What happens if someone uses the back button in the browser itself?

To answer your question directly however:

- Create below onLoad client script

- Make sure the 'isolate script' column for this script is set to false (Default is set to true to prevent DOM manipulation) - See below.

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Helpful.

Thanks, Robbie

Script:

function onLoad() { // This hides the back button document.getElementsByClassName("btn btn-default icon-chevron-left navbar-btn")[0].style.display="none"; }

'Isolate script' set to false. (see below)

Re: How to hide back button in form?

Dr Atul G- LNG — Tue, 26 Mar 2024 09:25:01 GMT

Hi @Sadique Kabir

Got your point, but the behaviour of this back button is actually wired some time. If you open many tabs it pick from history and take to back. I had very bad experience with this.

You can try @Robbie solution.

Re: How to hide back button in form?

Robbie — Tue, 26 Mar 2024 09:33:11 GMT

Please see my response @Sadique Kabir.

I have provided a tried and tested solution.

Thanks @Dr Atul G- LNG for highlighting this.

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Helpful.

Thanks, Robbie

Re: How to hide back button in form?

Sadique Kabir — Tue, 26 Mar 2024 09:51:29 GMT

Thank You @Robbie

Your Solution is working...

Re: How to hide back button in form?

GG_Indirakumar — Thu, 21 Nov 2024 17:13:58 GMT

Hi Robbie,

This script is not working on records which pertains to a scoped application. It works well in forms like Incident, problem etc., Do you know how to make this work on forms which are related to applications other than global?

Regards,

Indirakumar

Re: How to hide back button in form?

Robbie — Thu, 21 Nov 2024 17:34:37 GMT

Hi @GG_Indirakumar,

You'll see the above script is written specifically for the 'problem' table. Have you ensured upon creating the script you've selected the scoped table for which you want to hide the back button. For example, if this was for CSM (Scoped Customer Service Management app), the table field would need to reflect the 'sn_customerservice_case' table.

(You may also need to update the 'Application' field depending on the Scope and testing)

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Kudos.

  Thanks, Robbie