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? – John Chapman Feb 6 '14 at 16:21
  • I would just like to add a header at the top of the page. Edited question. – Sergiu Tripon Feb 6 '14 at 16:22


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. – Sergiu Tripon Feb 6 '14 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 Feb 6 '14 at 19:13
  • To copy the existing annotated code...which code? and copy it where? Thanks. – Sergiu Tripon Feb 6 '14 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 Feb 6 '14 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? – Sergiu Tripon Feb 6 '14 at 20:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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