Page Layouts in SharePoint 2016

New “Site Pages” in SharePoint online have a header that takes up a ton of white space on the page. The new experience has a specific tag that determines the new layout of the page.  This tag is the </mso:PageLayoutType> tag in the source code of the page.  Personally, I’m not a fan of unused space.  Let’s look at an example.

Look at All this Extra Room!

Here’s our Sales Dashboard page…notice the enormous amount of extra room on the page before we even get to the content.


Let’s reclaim some of that precious real estate…

Open the page in SharePoint Designer.  You’ll only be able to change the tag if you edit in advanced mode.

 

Look at line # 8 in SharePoint Designer, this shows that page has the Article type assigned to it:

 

Change: 

<mso:PageLayoutType msdt:dt="string">Article</mso:PageLayoutType>

To: 

<mso:PageLayoutType msdt:dt="string">Home</mso:PageLayoutType>

You’ll be left with the end-result shown below.

 

The future of SharePoint page layouts…

With this new “modern” experience on lists, libraries, and now pages, their goal is to revamp the way that users access content.  It is also making things more viewable and accessible on mobile devices.  As they roll out new layouts in the future, the way the pages and content are displayed will change.  The consensus online is that it will be better, and things like this layout, featuring a giant portion of unused space will be only one of multiple options.  So far, I’ve only see the two layout tags Article & Home in the source of the pages.  I’ll update this post as that changes.

 

Leave a Reply

Your email address will not be published. Required fields are marked *