How to Auto Refresh A Webpart In Modern Sharepoint Page

Question

Hello Guys,

I have a modern sharepoint site. I have added a document library webpart in a page. We have a workflow that creates folders in this library. The issue is, the changes( like new folders) do not show on this webpart immediately. We refresh the page and it appears.But this is not what we want. We want a mechanism to auto refresh the webpart only without auto refreshing the page. I know there are scripts to auto refresh page but we do not want to refresh the whole page , but just the webpart.

Please let me know if there is any solution to this

Answer 1

Hi @Rashu, Rahul (AGCO)

In SharePoint online modern page, for security reasons, modern web parts do not allow for the insertion of code like JScript. But you could add Modern Script Editor web part by adding an app.

1.Settings > add an app > Modern Script Editor web part by mikaelsvenson

2.Remember allow Custom Script in Classic SharePoint admin center > setting > Custom Script

3.Then you could add Modern Script Editor web part

Then you could use the following JS code to refresh the webpart every 1 minute

function refreshwebpart(){
window.location.reload(#id);
}
setTimeout(refreshwebpart,60000);

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.