Adding an Auto-Refresh Content Editor Web Part in Sharepoint

Written by MMMan.

The Challenge

You want to create a dashboard which will automatically refresh itself on a regular basis

The Solution

This is easily accomplishable using a SharePoint Web Part and little bit of scripting, JavaScript in this case, to be precise.

How to Accomplish This Task

Start by going to the page you want to edit, and begin editing the page (you will obviously have to have rights to do this).
051711 0506 AddinganAut1 Adding an Auto Refresh Content Editor Web Part
Add a Web Part to your page (you should already be in a mode like below).
051711 0506 AddinganAut2 Adding an Auto Refresh Content Editor Web Part
Choose the “Media and Content” Category, “Content Editor” Web Part, and add it to any part of the page (such as the “Header”).
051711 0506 AddinganAut3 Adding an Auto Refresh Content Editor Web Part
Select the web part and choose “Edit Web Part” from the drop down. A menu will appear on the top right hand side of the page, you may need to scroll over/up to find it.
051711 0506 AddinganAut4 Adding an Auto Refresh Content Editor Web Part
Set the Title to “Refresh the Web Page”.
051711 0506 AddinganAut5 Adding an Auto Refresh Content Editor Web Part
Set the Chrome Type to “None”.
051711 0506 AddinganAut6 Adding an Auto Refresh Content Editor Web Part
Click OK to accept those changes. Then you need to add the script to the web page. To do this, you start by clicking in the section “Click here to add new content”.
051711 0506 AddinganAut7 Adding an Auto Refresh Content Editor Web Part
A cursor will appear in the content area, however, don’t type anything in the content area, instead simply go to the ribbon and under Editing Tools -> Format Text, select the HTML drop down, and choose “Edit HTML Source”.
051711 0506 AddinganAut8 Adding an Auto Refresh Content Editor Web Part
In the HTML Source box, enter the following JavaScript code.
1
2
3
4
5
6
7
<script type="text/javascript">
function refreshPage()
{
   window.location = window.location;
}
setTimeout(refreshPage, 300000);
</script>
Basically, this script is calling a function after 5 minutes (1000 milliseconds * 60 seconds * 5 minutes = 300000 – this can be any value you choose, just do the math right), which will refresh the page (without showing the annoying, “Are you sure you want to resubmit this page” message that appears in IE when using “window.location.reload”).
Finally, stop editing the page and you will be all done.
051711 0506 AddinganAut9 Adding an Auto Refresh Content Editor Web Part
Your page should now have a hidden Web Part which will refresh the page every 5 minutes (or whatever number you should choose).

Comentarios

Entradas populares de este blog

Guía de herramientas básicas para estudiantes: 31 apps y webs imprescindibles para ayudarte con los estudios

Comando FOR para archivos BAT

How to Setup and Configure Your Own GitLab Server on Ubuntu 20.04