Date post: | 05-Dec-2014 |
Category: |
Technology |
Upload: | usman-zafar-malik |
View: | 1,775 times |
Download: | 2 times |
SharePoint 2010
By: Usman Zafar Malik
[MCTS: MOSS 2007], [MSCBSS: CRM 3.0 / 4.0], MCP
Session - 2
SharePoint 2010 Master Page Development
Types of Master Pages1- Application Master Pages
Deals with your custom Site Look and Feel
2- System Master Pages Deal with SharePoint System Pages
Commonly used Master Pages
v4.master - (New Blue Ribbon Bar, SharePoint 2010 Master Page)
default.master - Sites upgraded from SharePoint 2007 use this unless they are changed to use a v4 version)
minimal.master- Master page contains almost nothing. It is used by the Search Center and Office Web Applications. commonly referred to as Starter Master Pages in SharePoint 2010.
Mandatory Placeholders
Placeholder Control Description New
PlaceHolderQuickLaunchTop The top of the Quick Launch menu.
PlaceHolderQuickLaunchBottom The bottom of the Quick Launch menu.
PlaceHolderPageTitle The title of the site.
PlaceHolderAdditionalPageHead A placeholder in the head section of the page used to add extra components such as ECMAScript (JavaScript, JScript) and Cascading Style Sheets (CSS) to the page.
PlaceHolderBodyAreaClass The class of the body area.
SPNavigation A control used for additional page editing controls.
PlaceHolderSiteName The name of the site where the current page resides.
Mandatory Placeholders
Placeholder Control Description New
PlaceHolderPageTitleInTitleArea The title of the page, which appears in the title area on the page.
PlaceHolderPageDescription The description of the current page.
PlaceHolderSearchArea The section of the page for the search controls.
PlaceHolderGlobalNavigation The breadcrumb control on the page.
PlaceHolderTitleBreadcrumb The breadcrumb text for the breadcrumb control.
PlaceHolderGlobalNavigationSiteMap
The list of subsites and sibling sites in the global navigation on the page.
PlaceHolderTopNavBar The container used to hold the top navigation bar.
Mandatory Placeholders
Placeholder Control Description New
PlaceHolderHorizontalNav The navigation menu that is inside the top navigation bar.
PlaceHolderLeftNavBarDataSource The placement of the data source used to populate the left navigation bar.
PlaceHolderCalendarNavigator The date picker used when a calendar is visible on the page.
PlaceHolderLeftNavBarTop The top section of the left navigation bar.
PlaceHolderLeftNavBar The Quick Launch bar.
PlaceHolderLeftActions The additional objects above the Quick Launch bar.
PlaceHolderMain The main content of the page.
Mandatory Placeholders
Placeholder Control Description New
PlaceHolderFormDigest The container where the page form digest control is stored.
PlaceHolderUtilityContent The additional content at the bottom of the page. This is outside of the form tag.
PlaceHolderTitleAreaClass The class for the title area. This is now in the head tag. Any customizations that add a WebPartZone in a content tag to this placeholder will cause an error on the page.
Mandatory Placeholders (backward compatibility)
Placeholder Control Description New
PlaceHolderPageImage This placeholder does not appear as part of the UI and must be present for backward compatibility.
PlaceHolderTitleLeftBorder This placeholder does not appear as part of the UI and must be present for backward compatibility.
PlaceHolderMiniConsole This placeholder does not appear as part of the UI and must be present for backward compatibility.
PlaceHolderTitleRightMargin This placeholder does not appear as part of the UI and must be present for backward compatibility.
Mandatory Placeholders (backward compatibility)
Placeholder Control Description New
PlaceHolderTitleAreaSeparator This placeholder does not appear as part of the UI and must be present for backward compatibility.
PlaceHolderNavSpacer This placeholder does not appear as part of the UI and must be present for backward compatibility.
PlaceHolderLeftNavBarBorder This placeholder does not appear as part of the UI and must be present for backward compatibility.
PlaceHolderBodyLeftBorder This placeholder does not appear as part of the UI and must be present for backward compatibility.
Mandatory Placeholders (backward compatibility)
Placeholder Control Description New
PlaceHolderBodyRightMargin This placeholder does not appear as part of the UI and must be present for backward compatibility.
Master Page in Code Behind Case
<%@ Assembly Name=“DLL Name, Version=1.0.0.0, Culture=neutral, PublicKeyToken=35ea4244489a016b" %>
<%@ Master language="C#" Inherits=“CompleteNamespace.CodeBehind.MasterPages.CorporateMasterClass" %>
Master Page For Dialog Pages
class="s4-notdlg"--------------------------------------It goes in every div that you don't want to show in a dialog box. Example: Common places would be the logo, navigation, and footer.
Master Page for Dialog Pages
How to Hide Top Bar, Ribbon, Quick Launch in SharePoint 2010------------------------------------------------------------------------------------------------------------------<style type="text/css"> #s4-ribbonrow, .ms-cui-topBar2, .s4-notdlg, .s4-pr s4-ribbonrowhidetitle, .s4-notdlg noindex, #ms-cui-ribbonTopBars, #s4-titlerow, #s4-pr s4-notdlg s4-titlerowhidetitle, #s4-leftpanel-content {display:none !important;} .s4-ca{margin-left:0px !important; margin-right:0px !important;}</style>
Master Page CSSSpecifying CSS files------------------------------------------------------------------------------------------------------------------<link href="/Style Library/IntranetCSS/Corporate-Master.css" rel="stylesheet" type="text/css" />
<Sharepoint:CssRegistration name = "<% $SPUrl:~SiteCollection/Style Library/AteaIntranetCSS/MyCustomCssFile.css %>" runat="server" after="corev4.css" ></Sharepoint:CssRegistration>
• after=“corev4.css” load this custom css file after this specified css file “corev4.css”• $SPUrl:~SiteCollection Path started from Site Collection (Top Level Site)
”~SiteCollection” referes to the root site of the site collection.”~Site” refers to the context of the current site which may be a sub-site also.
Master Page JavascriptSpecifying Script files------------------------------------------------------------------------------------------------------------------
Normal Way
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Automatically generate Script tag
<asp:ScriptReference Path="<%$SPUrl:~SiteCollection/Style Library/scripts/jquery-1.5.min.js%>"></asp:ScriptReference>
Master Page User Control
Specifying User Controls in Master Page------------------------------------------------------------------------------------------------------------------<%@ Register src = "~/_controltemplates/MyIntranet.Controls.UC/ucTopNav.ascx" tagname="ucTopNav" tagprefix="uc1" %>
Master Page Web Control
Specifying Web Controls in Master Page------------------------------------------------------------------------------------------------------------------<%@ Register TagPrefix=“MyInranet" Namespace=“MyIntranet.Controls.WebControls" Assembly=“MyIntranet.Controls, Version=1.0.0.0, Culture=neutral, PublicKeyToken=381ced654b713b32" %>
Master Page Delegate ControlsDelegate Controls------------------------------------------------------------------------------------------------------------------A delegate control defines a region in an “.aspx” page that allows the content to be replaced with our custom content. This custom content is created via a SharePoint feature, and when deployed and activated, replaces the standard content at runtime
Example: <SharePoint:DelegateControl runat=”server” ControlId=”GlobalNavigation”/> ControlId value determines what delegate control. Global Navigation bar has a ControlId value of GlobalNavigation
Master Page Delegate Controls
Master Page Delegate Controls
<Control Id = “GlobalNavigation” Sequence=”90” ControlSrc=”~/_ControlTemplates/ucGlobNavDelegateControl.ascx” />
Sequence should be less than 100. The ControlSrc value indicates the location to our custom delegate control.
Thanks !