question Re: UI Builder: Reload a page in Next Experience forum

UI Builder: Reload a page

Hasan6 — Thu, 12 Oct 2023 12:03:45 GMT

Hi Community,

I have a ui builder page, and want to create a button which, upon click, executes an action and then reloads the page.

While I can get the 'executes and action' part done through the event scripts, I am not able to reload the page.

Any suggestions on how to achieve this?

Re: UI Builder: Reload a page

Community Alums — Thu, 12 Oct 2023 12:10:18 GMT

Hello @Hasan6

Follow the link to solve your query :-

https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB1120645

Plz mark my solution as Accept, If you find it helpful.

Regards,

Samaksh

Re: UI Builder: Reload a page

Peter Bodelier — Thu, 12 Oct 2023 12:11:15 GMT

Hi @Hasan6,

I'm curious, why would you want to reload the entire page instead of only reloading contents of components which really need a reload?

What scripts have you already tried? I can suggest some things, but you may have already tried that.

Re: UI Builder: Reload a page

Hasan6 — Thu, 12 Oct 2023 12:20:39 GMT

Hi Samaksh
This refreshes a list on the page, not the entire page.

Thanks for the quick response though.

Re: UI Builder: Reload a page

Hasan6 — Thu, 12 Oct 2023 12:20:18 GMT

Hi Peter,
I'm updating user language on click of the button, and will clear cache (gs.cacheFlush()) and then reload the entire page for the changes to take effect throughout.
I am not able to use the window.location.reload() in the scripts, as the object does not exist.

Re: UI Builder: Reload a page

Peter Bodelier — Thu, 12 Oct 2023 12:24:12 GMT

Ah, yes that makes sense 🙂

I would have to test it myself as well, but I think top.window.location.reload() could work.

Re: UI Builder: Reload a page

Community Alums — Thu, 12 Oct 2023 12:30:14 GMT

Hello @Hasan6

Use

location.reload(true);

For the entire page reload.

Plz mark my solution as Accept, If you find it helpful.

Regards,

Samaksh

Re: UI Builder: Reload a page

Hasan6 — Thu, 12 Oct 2023 12:41:16 GMT

Getting "'location' is not defined." error.

Re: UI Builder: Reload a page

Hasan6 — Thu, 12 Oct 2023 12:42:08 GMT

Tried this, but still not reloading the page.

Re: UI Builder: Reload a page

Peter Bodelier — Thu, 12 Oct 2023 12:42:40 GMT

location.reload(true); is the same as window.location.reload(true); So that was already tested 😉

Re: UI Builder: Reload a page

Peter Bodelier — Thu, 12 Oct 2023 12:44:24 GMT

Alright, maybe we can take a different approach here.

helpers - UI Builder | ServiceNow Developers

By using the helpers.navigate.to() function you could set a new URL. What happens if you just use the same URL you're already in?

Re: UI Builder: Reload a page

aayushshah998 — Wed, 14 Aug 2024 01:38:07 GMT

Same problem! Did you ever manage to solve this?

Re: UI Builder: Reload a page

aayushshah998 — Wed, 14 Aug 2024 01:38:54 GMT

Tried this, but what if I’m trying to reload a subpage!

Re: UI Builder: Reload a page

Akshay_Jain22 — Tue, 22 Oct 2024 11:47:52 GMT

Hi @Hasan6

Though I would not personally recommend this method to update the data on the Page, as it can be refreshed through the definition of client states and data resources defined with dynamic inputs and event handler-triggers.

You can use the below script in order to reload the page by binding any event with the below client script -

Please note that you can access the document object using this code for other use cases as well.

Checkout full blog on this for more information on Pros and Cons.

Re: UI Builder: Reload a page

aayushshah998 — Sun, 18 Aug 2024 19:58:44 GMT

Hi @Akshay_Jain22 ,

I've been looking for this everywhere for the last few days! This method worked. Thank you so much!

Re: UI Builder: Reload a page

Akshay_Jain22 — Mon, 19 Aug 2024 16:44:57 GMT

Glad to be of help 🙂