SharePoint Branding Tips and Tricks Paul Turner http paulturner is a geek com Overview MasterPages Missing Stuff Mind your Delegates Controls CSS Paths JavaScript Page

Document Sample
SharePoint Branding Tips and Tricks Paul Turner http paulturner is a geek com Overview MasterPages Missing Stuff Mind your Delegates Controls CSS Paths JavaScript Page Powered By Docstoc
					SharePoint Branding Tips
and Tricks


Paul Turner
http://paulturner.is-a-geek.com
Overview
 MasterPages
  Missing Stuff
  Mind your Delegates
  Controls
  CSS
  Paths
  JavaScript
 Page Layouts
  Fields
  Controls
MasterPages
 Tip #1
   Start with a minimal masterpage
   http://msdn.microsoft.com/en-
   us/library/aa660698.aspx
 Trick #1
   Turn on debugging to handle missing content
   placeholders
Missing Stuff...
 Tip #2
   Position the ‘Tool Pane’
 Trick # 2
   Preserve your WSS settings
 <asp:ContentPlaceHolder ID="WSSDesignConsole"
    runat="server">
     <wssuc:DesignModeConsole id="IdDesignModeConsole"
    runat="server"/>
    </asp:ContentPlaceHolder>
Mind your Delegates
 Tip #3
   Keep the standard delegates
 <SharePoint:DelegateControl runat="server"
   ControlId="GlobalSiteLink0"/>
 <SharePoint:DelegateControl runat="server"
   ControlId="GlobalSiteLink1"/>
 <SharePoint:DelegateControl runat="server"
   ControlId="GlobalSiteLink2"/>

 Trick #3
   Add the page editing toolbar
 <SharePoint:DelegateControl runat="server"
   ControlId="PublishingConsole"/>
Controls
 Tip #4
   Add you site actions menu
 <SharePoint:SiteActions...
 Trick #4
   Add your ‘Digest’
  <asp:ContentPlaceHolder
   id="PlaceHolderFormDigest"
   runat="server">
   <SharePoint:FormDigest runat=server/>
 </asp:ContentPlaceHolder>
CSS
 Tip #5
   Understand the CSS
 <SharePoint:CssLink runat="server"/>

 Trick #5
   Include your own CSS
 <SharePoint:CssRegistration name="<%
   $SPUrl:~SiteCollection/Style
   Library/~language/Core Styles/SingleLevel.css%>"
   runat="server"/>
   http://www.elumenotion.com/Blog/Lists/Posts/
   Post.aspx?ID=48
Paths
 Tip # 6
   Use URL Tokens
 <SharePoint:CssRegistration name="<%
   $SPUrl:~SiteCollection/Style
   Library/~language/Core
   Styles/SingleLevel.css%>"
   runat="server"/>
 Trick # 6
   Use URL Tokens for images too
JavaScript
 Tip #7
   Don’t put JavaScript on your masterpage
 <SharePoint:ScriptLink
   language="javascript" name="core.js"
   Defer="true" runat="server" />
 Trick #7
   Async load JavaScript with Defer
Page Layouts - Fields
 Tip #8
   Design your content types
 Trick #8
   Think about where you want to display your
   fields
Page Layouts - Controls
 Tip #9
   Use EditModePanel
 Trick #9
   Not all things need to be available during edit
   mode
   Add alternate CSS during edit mode
Questions?