If you cannot find a seattle.html file in the list of your master pages, but you would still want to use our nice modern preloader, this article is for you.
TABLE OF CONTENTS
- Step 1. Download a copy of seattle.master master page
- Step 2. Insert Preloader code
- Step 3. Upload the new Master Page to SharePoint
- Publishing Feature is enabled on your website.
- You have read our article about how to Add a Preloader to SharePoint Classic Sites and generated a Preloader code in ShortPoint Theme Builder;
- You have searched for your seattle.html master page, checked How to Find the SharePoint Master Page, and you are 100% sure seattle.html is not there.
Please use this article only if all prerequisites are true.
Step 1. Download a copy of seattle.master master page
Open Site Settings and choose Master Pages:
Highlight the seattle.master file and press Check Out on the top (Files tab should be open in the Ribbon):
After the page is refreshed, highlight the seattle.master file again, and click the down-pointing arrow next to it. Choose Download from the drop-down list:
Step 2. Insert Preloader code
Open the downloaded file seattle.master file with a text editor of your choice, and paste the preloader code right after the <head runat="server"> HTML tag, as shown in the next animation:
Save the changes you made to the file.
Step 3. Upload the new Master Page to SharePoint
Open the master pages list from the Site Settings (just as we did in step 1).
On the top, click Upload:
Choose the seattle.master file you just modified. Make sure that Add as a new version to existing files is on.
You can also put a comment to indicate that this is the master page version containing the ShortPoint preloader.
Then, click OK.
You will see a new dialog opened asking you to check in the file. Press Check In:
That's it! Now, you can enjoy your new beautiful preloader.
- Add a Preloader to SharePoint Classic Sites
- Preloader Is Working on the Root Site but Not on the Subsite
- How to Find the SharePoint Master Page
- How to Show Only the Logo Image (or a Custom Spinner) in the ShortPoint Preloader
- How to Improve User Experience with Base64 Images When Using Custom Preloader