Question

Many questions on this site ask how to add a footer to the Oslo master page, and it is advised to change the contents of the DeltaPlaceHolderFooter tag.

However, on my site, the Designer is activated, which means that I may only edit the .html file, not the .master file.

Therefore, the footer looks like this :

<!--SPM:<SharePoint:AjaxDelta id="DeltaPlaceHolderFooter" BlockElement="true" runat="server">-->
<!--SPM:<SharePoint:DelegateControl runat="server" ControlId="PageFooter" AllowMultipleControls="false"/>-->
<!--SPM:</SharePoint:AjaxDelta>-->

What is the proper syntax to replace the PageFooter server control with a simple div of my making?

This page explains the syntax of everything (designer snippets and whatnot) except the one thing I need: "normal", plain HTML: https://github.com/SharePoint/sp-dev-docs/blob/master/docs/general-development/how-to-convert-an-html-file-into-a-master-page-in-sharepoint.md

Was it helpful?

Solution

You can update the .html file with your own footer and may be hide the default footer. Ex:

<!--SPM:<SharePoint:AjaxDelta id="DeltaPlaceHolderFooter" BlockElement="true" runat="server">-->
<div class="ms-hide"><!--SPM:<SharePoint:DelegateControl runat="server" ControlId="PageFooter" AllowMultipleControls="false"/>--></div>

            <div style="width:100%;background-color:#0072c6">
                <p style="text-align:center;color:#fff;">This is my footer.</p>
            </div>

<!--SPM:</SharePoint:AjaxDelta>-->

OTHER TIPS

Seems append footer to s4-bodyContainer make better effect.

enter image description here enter image description here enter image description here

Licensed under: CC-BY-SA with attribution
Not affiliated with sharepoint.stackexchange
scroll top