SharePoint 2010: Part 3: Preparing for 70-573 TS Microsoft SharePoint 2010, Application Development

 

Time for some UI work (other than the ribbon!). Navigation, Master Pages, Themes and other goodies…

 

Skills Being Measured:
Working with the SharePoint User Interface (19%)(continued…)

Customize navigation programmatically

• This objective may include but is not limited to: TopNav bar, quick launch, custom actions
• This objective does not include: custom menu controls, custom site map providers

Create and apply branding to a SharePoint site

• This objective may include but is not limited to: applying custom master pages to content pages and application pages, placeholders, page layouts, programmatically working with themes, deploying CSS, CSSlink, ScriptLink
• This objective does not include: graphic design, creating a CSS

 

Notes:

Customize Navigation

• The “Customize navigation” section does not mention the objects, so my guess is:
• SPWeb.Navigation
• SPNavigation   (what is returned from SPWeb.Navigation)
• SPNavigation,QuickLaunch
• SPNavigation.TopNavigationBar
• SPNavigationNodeCollection   (top link bar or Quick Launch)
• SPNavigationProvider   (WSS / non-publishing sites)
• PortalSiteMapProvider  (MOSS / publishing sites)
• and maybe something on the SiteMapPath, TreeView and Menu controls
• Notice the reference to Custom Actions – this most likely is everything navigation related that is not the Ribbon (covered by a previous topic), so mostly the 2007 type options

Branding

Very broad topic here… so the following are some guesses of what you should know:

• @Page directive and the MasterPageFile option, and know which events it can be set in (not PageLoad!)
• What has changed with Application pages and Master Pages
• How the tokens like “~masterurl/custom.master” and “~masterurl/custom.master” work
• How the placeholders work in master pages / content pages
• How page layouts work, how the are stored and how to create one with VS 2010
• How themes have changed from 2007
• How to use a theme from PowerPoint in SharePoint 2010
• The ThmxTheme Class
• Controls;
• CSSLink  - CSSLink class and <SharePoint:CssLink runat="server"/>
• Options to deploy CSS files
• ScriptLink – ScriptLink class and <SharePoint:ScriptLink … /> and probably something about “OnDemand=” and client side scripting in general
• How <SharePoint:Theme runat="server"/> works

 

Links:

 

Note: Many of these links include a link to the 2007 version of the documentation, so also check the 2007 version for “Community Comments”.

MSDN: SPWeb.Naviagation
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.spweb.navigation.aspx

MSDN: SPNavigation
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.navigation.spnavigation.aspx

MSDN: SPNavigationNodeCollection  
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.navigation.spnavigationnodecollection.aspx

MSDN: SPNavigationProvider
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.navigation.spnavigationprovider.aspx

MSDN: PortalSiteMapProvider
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.publishing.navigation.portalsitemapprovider.aspx

MSDN: ASP.Net Master pages
http://msdn.microsoft.com/en-us/library/ms443795.aspx

MSDN: SharePoint Masterpages
http://msdn.microsoft.com/en-us/library/ms443795.aspx

MSDN: Page.MasterPageFile
http://msdn.microsoft.com/en-us/library/system.web.ui.page.masterpagefile.aspx

CodePlex:Changing Master Page at Runtime
http://www.codeproject.com/KB/aspnet/Changing_Master_Page.aspx

MSDN: CSSLink
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.webcontrols.csslink.aspx

MSDN: MasterPageFile
http://msdn.microsoft.com/en-us/library/system.web.ui.page.masterpagefile%28VS.90%29.aspx

MSDN: Master page tokens
http://msdn.microsoft.com/en-us/library/ms476046%28office.12%29.aspx

MSDN: SharePoint Foundation master page placeholders
http://msdn.microsoft.com/en-us/library/ee539981.aspx

Creating a Page Layout in SharePoint 2010 using Visual Studio 2010
http://blog.beckybertram.com/Lists/Posts/Post.aspx?ID=71

SharePoint 2010 Themes and Resources for Upgrading a Custom Master Page
http://www.sharepointjoel.com/Lists/Posts/Post.aspx?ID=338

TechNet: Themes Overview
http://technet.microsoft.com/en-us/library/ee424397.aspx

How Themes work in SharePoint 2010
http://www.sharepointbits.com/blog/2010/1/4/how-themes-work-in-sharepoint-2010.html

ThmxTheme Class
http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.utilities.thmxtheme.aspx

Getting and Setting SharePoint 2010 Themes using code
http://www.spdavid.com/post/2010/01/17/Getting-and-Setting-SharePoint-2010-Themes-using-code.aspx

 

How-to’s, Tutorials, etc.

 

How to: Add Simple Site Navigation (ASP.NET SiteMapPath, TreeView and Menu controls)
http://msdn.microsoft.com/en-us/library/ms178418%28VS.90%29.aspx

(2007) MOSS Navigation Deep-Dive - Part 1 & 2
http://blogs.msdn.com/ecm/archive/2007/02/10/moss-navigation-deep-dive-part-1.aspx
http://blogs.msdn.com/ecm/archive/2007/02/16/moss-navigation-deep-dive-part-2.aspx

 

.