SharePoint 2013 comes with an out of the box fairly minimalistic design. In this recipe, we will modify the seattle.master
master page to hide many of the SharePoint controls to create an even more minimalistic look. A minimalistic-design approach usually provides more emphasis on the page content and less emphasis on gratuitous design elements.
Follow these steps to create a minimalistic master page:
seattle.master
(in our example, we have renamed it Seattle_Minimalistic.master
).Seattle_Minimalistic.master
master page.Seattle_Minimalistic.master
master page.SharePointForm
element:</SharePoint:SharePointForm>
<div>
container to hide our controls before the </SharePoint:SharePointForm>
element:<div style="display: none;"> </div>
<div id="suiteBarLeft">
element.<div id="suiteBarLeft">
element (not the opening and closing DIV
tags of the element) and paste them into our hidden <div>
tag.<SharePoint:SPRibbonPeripheralContent>
element with the ID RibbonTabRowRight
.<SharePoint:SPRibbonPeripheralContent>
element with its contents and paste it into our hidden <div>
tag.<div id="s4-titlerow">
element.<div id="s4-titlerow">
element with its contents and paste it into our hidden <div>
tag.<div id="sideNavBox">
element.<div id="sideNavBox">
element with its contents and paste it into our hidden <div>
tag.<div id="contentBox">
element.<div id="contentBox">
element to override its left margin to 20px
:<div id="contentBox" style="margin-left: 20px;"
In order for SharePoint pages to render correctly, most of the server controls included in the default master pages are required. Using CSS to hide server controls allows SharePoint to render the control while the browser hides it for the end user. In our recipe, we have hidden controls to provide the default SharePoint master page with a more minimalistic look.
18.191.176.194