Office 365 – New look for SharePoint sites

Microsoft has started rolling out Changes for Office 365 SharePoint sites with the new updated UI. These changes reflect what was announced in the Future of SharePoint conference on 4th May 2016. Some of the known changes are – The ‘Sites‘ page is now the ‘SharePoint home’ and the “Sites” tile in Office 365 App launcher is “SharePoint” tile.

If you have signed-up for the First release in your tenant, you should see the message in your Office 365 Admin center now.

Below, let’s look at what has changed in terms of UI, and how it looks now.

Tile or App in App Launcher

The “Sites” tile becomes the “SharePoint” tile. Clicking into the SharePoint Home displays the recent sites and portals you are most active in and following, recommended sites per the Office Graph, plus company-wide sites promoted by your company.

SharePoint App

Site Home

The ‘Sites’ page is now the new “SharePoint home”.

Old Sites Home
Sites Home Office 365 - old

New Sites Home

office 365 sites home page

LINKS on New Sites Home Page
If you had custom promoted sites in classic view of the SharePoint Sites page, the Links section of the SharePoint home page is pre-populated with those sites.

office 365 new site links


NOTE : The pre-population of promoted sites in the Links list happens only once when the first user visits the new SharePoint home page. If you go back to classic view and change the promoted sites, the changes will not be reflected in the Links list on the SharePoint home page.

Creating New Site

From the SharePoint home, you, too, can create new sites – simple and fast. There has been huge improvements in the time it takes to create a site (targeting seconds to create), the flow & integrated value so that it naturally leads to the creation of an Office 365 Group in Azure Activity Directory (AAD), as well as establishing compliance controls for site classification.

Old Create Site
Create a new Site Office 365 - old

New Create Site

Create new Site - SharePoint UI Office 365

See more Sites by selecting See all

See all Sites Page - Sites and Workspaces

All Sites Page.

All sites - New Office 365 UI

Site Contents Page (View all Site Content)

New Site Contents Page

The new look for SharePoint Team sites is still pending.


Removing extra space around the Web Part

An extra padding of 20 pixel is included by default in SharePoint 2013 for every webpart. This may be inconvenient depending on the scenario how you are displaying the content in your Visual WebPart. To remove the extra space injected to the Webpart, add the below css in your .ascx file of Visual webapart. This would get rid of the extra space rendered around your webpart.

 <style type="text/css">
     .ms-webpartPage-root {
         border-spacing: 0px !important;
       .ms-webpartzone-cell {
         margin: 0px !important;