SharePoint Pals
 | Sign In
OTB Delegate controls and Content Placeholders in SharePoint 2013 Publishing Master Page
by Sivarajan Raju 20 Jan 2013
Author
SharePoint / Project Server Consultant , SharePoint Frontier
Visits   
Today  :   9     Total  :    20379

This post on Delegate controls and Content Placeholders in SharePoint 2013 Publishing Master Page is an out come of one of my current task on a complex publishing web portal for both Internet and Intranet users using SharePoint 2013. Client’s requirements are to support all major browsers and smart phones. So I decided to explore the default publishing Seattle master page.

Here I have listed out my understanding .

· Cleanup the Master Page

· Identify the Delegate controls

· Identify the Master page regions

· Override the Delegate controls based on the customer requirements

· Reposition/hide the controls based on requirements

Cleanup the default Master Page

Before identifying the master page controls, I formatted the html markup tags using SharePoint Designer and provide the proper inline comments line by line. So that someone can easily understand the markup. You can find the formatted master page here.

cm1

Next I started listing out the Delegate Controls.

Delegate Controls

You can find here the complete list of delegate controls .We can easily override these controls with our custom implementations. In subsequent posts we can see how to override these Delegate Controls one by one.

Delegate Control

Screen Shot

Descriptions

GlobalNavigation

cm2

To add the custom links globally.

GlobalSiteLink3

cm3

To enable Farm level global links and not specific for web application or site collection level

SuiteBarBrandingDelegate

cm4

To override the default “SharePoint” text at left corner

SuiteLinksDelegate

cm5

To add more links like “Newsfeed”, “SkyDrive”

GlobalSiteLink0

cm6

SharePoint uses this one to publish the variations menu. Please carefully override this Delegate control if needed

PromotedActions

cm7

To add more links between Share and Follow icon

   

PublishingConsole

cm8

While editing the page, Server Ribbon will be loaded using this Delegate Control and we extend this using Custom Action

SmallSearchInputBox

cm9

This delegate control will be using to override Search box

QuickLaunchDataSource

cm10

To load the custom quick launch data source

TreeViewAndDataSource

cm11

To load the custom tree view data source

AdditionalPageHead

N/A

This will be available inside the <head> tag and helpful to load the custom css / javascript

 

Master Page Regions

Next I started to identify the master page regions. This will be helpful to apply our custom branding successfully. You can see the major region in the blow screen shot.

cm12 

I have captured below the starting tag of each region and it will be helpful us to reposition the regions based on our requirements.

No

Description

Html Tag

1

Site Logo

<div id="siteIcon"

2

Top navigation menu

<SharePoint:AspMenu ID="TopNavigationMenu"

3

Page Title

<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea"

4

Title’s Description

<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea"

5

Site Contents in Quick launch menu

<asp:ContentPlaceHolder id="PlaceHolderQuickLaunchBottom"

6

Content Area

<div id="contentBox"

7

Notification message

<div id="notificationArea"

8

Welcome text

<div id="welcomeMenuBox"

9

Site Action menu

<SharePoint:SiteActions

10

Help menu

<span id="ms-help"

11

Full screen mode

<span id="fullscreenmodebox"

12

Left navigation bar

<asp:ContentPlaceHolder id="PlaceHolderLeftNavBar"

Summary

In my next article, we will see how to apply custom color and fonts by overriding OTB CSS classes.

blog comments powered by Disqus

SharePoint Pals

Pals
SharePoint Pals, a community portal for SharePoint developers, Administrators and End Users. Let's join hands and share the point together.
Read this on mobile

Training

Angular Js Training In Chennai
Advanced Angular Js training with real world developer scenarios
Angular Js, Web Api and Ionic for .Net Developers
All in one client side application development for .Net developers
Angular Js For SharePoint Developers
Get ready for the future. Its no more just C#

Get Connected

SharePoint Resources

SharePoint 2013 and 2010 Web Parts
Free Web Parts with Source Code for SharePoint Community




SharePoint 2013 Books and Tutorials
Collection of free SharePoint 2013 books and tutorials (eBooks, pdfs)

Supported By

Contribute your article and be eligible for a one month Free Subscription for Plural Sight. The Author of the most popular New Article (published in the previous month) will be awarded with a Free One month Plural Sight Subscription. Article can be sent to articles@sharepointpals.com in a word document.

Related Resources

Recent Tweets

Twitter January 15, 00:25
How To Enable Target Value And Actual Value In #D3 Gauge Chart https://t.co/VxSi4QnNrC

Twitter January 15, 00:24
How To Open #SharePoint List Hyperlink Column In Modal #Popup Window https://t.co/EQ7HkoZDkX

Twitter January 15, 00:24
Quick Introduction To #Asp.NetCore And It’s Features https://t.co/zAXObHCFpH

Twitter January 15, 00:22
How To Configure #PerformancePoint Services To Use Secure Store In #SharePoint 2013 https://t.co/LEwnUoI7EY

Twitter January 15, 00:21
How To Block Or Disable #Office365 Services https://t.co/Yvp2VPFIRP

Follow us @SharePointPals
Note: For Customization and Configuration, CheckOutRecent Tweets Documentation