I'd like to add a header to the Oslo masterpage, but I can't figure out how. Does anyone know?

Thank you very much.

This is what I use for the footer of the page.


<SharePoint:AjaxDelta id="DeltaPlaceHolderFooter" BlockElement="true" runat="server">
<%--SharePoint:DelegateControl runat="server" ControlId="PageFooter"   AllowMultipleControls="false" /--%>
<div id="footer" class="noindex">
<p style="text-align:center;">Some fancy footer is displayed here.</p>
  • Can you elaborate on what you are wanting to do? Commented Feb 6, 2014 at 16:21
  • I would just like to add a header at the top of the page. Edited question. Commented Feb 6, 2014 at 16:22

1 Answer 1



Bad news, you'll have to edit the master page directly, which means a special master just for that page. (Line 4, with ContentPlaceHolderId "PlaceHolderPageTitle" is just below "the header" you're looking to edit.)

That said, the best thing I can say is use the Design Manager, build out exactly what you want (Branding-wise) in HTML, then create a master page from said HTML following the instructions. How to convert a file, from MSDN

Yes, there are HTML versions of Oslo that can be used, you'll find them in the Site Collection's Master page Gallery, under ~SiteUrl/_catalogs/masterpage/ . Alternatively, simply click "Master Pages" under "Web Designer Galleries" in the site settings page of the Site Collection's home web.

There are instructions on adding SharePoint functionality through snippets, which I can replicate when I have more time.

As for where to find this: Go to site settings, then "Design Manager" under "Look and Feel".

  • I want this header on all the pages, so I'm fine with editing the master page. What code do I put on PlaceHolderPageFooter in order to activate? I don't want to make it fancy atm, just want to it to come up at the top of the page. That's it. Commented Feb 6, 2014 at 18:41
  • You really don't want to do it that way. Open the Oslo.html file in SPD (or whatever editor of your choosing) and Ctrl-F <div id="titleAreaRow" class="ms-tableRow">. That's the div that holds the header as current. Here you'll be able to alter it as needed with pure html. (To include script tags :D) I would state, however, to copy the existing annotated code, SP2013 uses the annotations for precompiler insertion before creating a masterpage.
    – Algorath
    Commented Feb 6, 2014 at 19:13
  • To copy the existing annotated code...which code? and copy it where? Thanks. Commented Feb 6, 2014 at 19:45
  • Just copy the aforementioned div's inner HTML to notepad, as a backup; I've noticed this stuff's a little... fincky... and it's always good to have a fallback. Just remember to use the Design Manager to make a master page out of the .html file, and you'll be good. Also, you can also use the Oslo.preview file as a basis for making a preview file for your new master, should you choose, but it's not mandatory.
    – Algorath
    Commented Feb 6, 2014 at 20:08
  • Isn't there any other easy way to do this? The footer works well (the one in my question). Isn't there anyway I could use that or perhaps the AdditionalPageHead? Also, I have a bunch of CSS styles in a script editor at the moment, where can I drop these in order to affect the whole website? Commented Feb 6, 2014 at 20:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.