20
Dissecting Custom SharePoint Sites Thomas Daly Presented @ SPS Philly 2/4/2012
| Date post: | 28-Nov-2014 |
| Category: |
Technology |
| Upload: | thomas-daly |
| View: | 620 times |
| Download: | 5 times |
Dissecting Custom SharePoint SitesThomas DalyPresented @ SPS Philly 2/4/2012
Thank you to Sponsors!
About Me SharePoint Consultant @ B&R Business Solutions A SharePoint Developer – specializing in UI objects (webparts, user
controls) both ASP.NET & jQuery components. A SharePoint Brander – transform designs into css/images to skin
SharePoint.
Princeton User Group Meets 2nd Wednesday of the Month Located @ Infragistics in Cranbury, NJ www.princetonsug.com www.meetup.com/PrincetonSUG/
Next Meeting – Feb 8th
Upcoming Topics Dan Usher & Scott Hoag – Pitfalls of Moving to SharePoint 2010 Paul Galvin – Extending SharePoint Designer Workflows
What Will Be Covered? Discussion around Branding Resources & Tools Exploration of Master Pages Advanced Branding Application Techniques (2) Auto-Brand New Sites Feature Based Application of Branding
SharePoint Branding Branding is the look & feel of your SharePoint site,
obviously. In the SharePoint realm – it’s typically not just CSS / HMTL SharePoint brander typically need to have a larger
skillset, need to be able to maneuver through ASP.NET, aspx, css, xml, xslt & javascript.
Who are the people doing branding? What are their skillsets?
Resources & Tools Sites
CSS Reference Fonts
Google Fonts My Fonts
CSS Cleaner/Compressor
Conditional CSS Official MSDN Other Reference
Top SharePoint Sticky Footer
Tools Color Pickers
ColorMainia IE Dev Toolbar, FireBug,
DragonFly, Chrome Developer Tools
ThemeBuilder CKSDev YSlow
Master Pages Creates a consistent look & layout for pages in your site. Start Clean!
Clean v4 – Tom Daly My Master Page – basically V4.master, subtracting the V3 content areas,
highly document, all controls, & maintain all SharePoint functionality Starter Master Pages – Randy Drisgill
Codeplex project, nicely documented Problem with Treeview Nav & Vertical Grip
Others, haven’t used yet Just the Essentials – Heather Solomon HTML 5 – Kyler Schaeffer
Master Pages Search – uses Minimal.Master
If you plan to have it look like your custom SharePoint master page follow this blog to convert it. Link
Important things to remember when working in your Master Page Special Classes
noindex – prevent content from being indexed s4-notdlg – prevent contents from appearing in dialogs s4-notsetwidth – used to set a fixed width Be careful working with the s4-workspace, test the master page at various
times to ensure that the scrollbars still work Use a DEV toolbar to inspect elements & test CSS Do not cut out ASP controls, Hide them.
Ribbon Security Trimming the Ribbon From Users
2 additions
Customizing Ribbon Position
Hide Login, once logged inLogin Url
Advanced Branding Techniques When regular themeing is just not enough! No touching the Master Page Both feature based – samples provided
Technique #1 Apply Theme Apply Alternative CSS
Technique #2 Apply CSS File via AddtionalPageHead
Technique #1 Take advantage of the power of the feature receiver to
apply an alternate CSS & apply a theme
Technique #2 Additional Page Head – a delegate control located in the
<HEAD> of SharePoint master pages. Can be used to load multiple controls via code without touching the master page directly.
Technique #2 – continued
Element
User Control
Feature
Auto Brand New Sites By default, SharePoint does not trickle down applied
themes, master page, alternate css By creating Web Provisioned Event Handler we can make
the new children sites have the same branding as their parent.
Common things to set are: Master Page Url Custom Master Page Url Site Logo Parent Navigation Theme **warning**
Feature Based Branding Pros
Easy to apply across Site Collections, Sites and Sub-Sites
Repeatable Branding Powerful, can accomplish
many tasks – fast! Easily rolled out across
environments
Cons Difficult to make quick style
changes (there’s a trick) You’ll need to know how to
use Visual Studio 2010
Feature Based Branding – cont.Feature
Feature Receiver
Theme
Site Icon
Master Page
Questions or Comments? Contact information
Thomas M Daly Email - [email protected] Blog - http://thomasdaly.net Twitter - _TomDaly_ Company Website – http://www.bandrsolutions.com
demo
SharePoint Community in Philadelphia Tri-State SharePoint Users Group
SharePoint (2010 & 2007) Administrators Developers IT Pros
Keynote and related Hands-on Lab each meeting “On SharePoint Development”
Our lecture series on general SharePoint Development topics and how to improve those skills
Meetings: 2nd Tuesday of the month, 5:30pm – 9:00pm, Microsoft Malvern MTC
Website: www.TriStateSharePoint.org Email: [email protected] Twitter: @tristateSP
