www.it-ebooks.info www.it-ebooks.info Professional SharePoint® 2010 Branding and User Interface DEsiGn FOREWORD xxiii Introduction xxv ⊲⊲ Part I: Introduction to SharePoint Branding Chapter What Is SharePoint Branding? Chapter What’s New in SharePoint 2010 23 ⊲⊲ Part II: Branding Basics Chapter Planning for Branding 49 Chapter SharePoint Designer 2010 Overview 75 Chapter Simple Branding 101 Chapter Working with Navigation 141 ⊲⊲ Part III: Advanced Branding Chapter Cascading Style Sheets in SharePoint 167 Chapter Master Pages 201 Chapter Page Layouts 245 Chapter 10 Web Parts and XSLT 281 Chapter 11 Deploying Branding in SharePoint 321 ⊲⊲ Part IV: Other Branding Concepts Chapter 12 Page Editing and the Ribbon 349 Chapter 13 The Client Object Model and jQuery 365 Chapter 14 Silverlight and SharePoint Integration 385 Index 415 www.it-ebooks.info www.it-ebooks.info Professional SharePoint® 2010 Branding and User Interface Design Randy Drisgill John Ross Jacob J Sanford Paul Stubbs Larry Riemann www.it-ebooks.info Professional SharePoint® 2010 Branding and User Interface Design Published by Wiley Publishing, Inc 10475 Crosspoint Boulevard Indianapolis, IN 46256 www.wiley.com Copyright © 2011 by Wiley Publishing, Inc., Indianapolis, Indiana Published simultaneously in Canada ISBN: 978-0-470-58464-4 ISBN: 978-1-118-01759-3 (ebk) ISBN: 978-1-118-01843-9 (ebk) ISBN: 978-1-118-01844-6 (ebk) Manufactured in the United States of America 10 No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600 Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6008, or online at www.wiley.com/go/permissions Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a particular purpose No warranty may be created or extended by sales or promotional materials The advice and strategies contained herein may not be suitable for every situation This work is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional services If professional assistance is required, the services of a competent professional person should be sought Neither the publisher nor the author shall be liable for damages arising herefrom The fact that an organization or website is referred to in this work as a citation and/or a potential source of further information does not mean that the author or the publisher endorses the information the organization or website may provide or recommendations it may make Further, readers should be aware that Internet websites listed in this work may have changed or disappeared between when this work was written and when it is read For general information on our other products and services please contact our Customer Care Department within the United States at (877) 762-2974, outside the United States at (317) 572-3993 or fax (317) 572-4002 Wiley also publishes its books in a variety of electronic formats Some content that appears in print may not be available in electronic books Library of Congress Control Number: 2010932458 Trademarks: Wiley, the Wiley logo, Wrox, the Wrox logo, Wrox Programmer to Programmer, and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc and/or its affiliates, in the United States and other countries, and may not be used without written permission SharePoint is a registered trademark of Microsoft Corporation in the United States and/or other countries All other trademarks are the property of their respective owners Wiley Publishing, Inc., is not associated with any product or vendor mentioned in this book www.it-ebooks.info Dedicated to waffles (thank you for being delicious) and to Jackie (the love of my life) for always being there to eat them with me — R andy Drisgill To my dad, who was convinced that my dirty room as a child was a sign I’d become a deviant I’m glad he had the chance to see my first book and wish he was still here to see this one, which was written in my dirty office Thanks for always pushing me to be the best Miss you, dad! — John Ross To my beautiful wife, Shannan, and my kids, Matt, Hayden, and Wendy You guys are way too funny, and I would much rather play with you than work or write So thank you for understanding and letting me get another book done — Jacob J Sanford I dedicate this book to my son, Kevin, who has achieved more as a teenager than most people have in a lifetime — Paul Stubbs To Dina and Emily: I love you both very much — Larry R iemann www.it-ebooks.info Credits Acquisitions Editor Vice President and Executive Group Publisher Paul Reese Richard Swadley Project Editor John Sleeva Vice President and Executive Publisher Technical Editors Barry Pruett Ryan Keller Heather Waterman Associate Publisher Jim Minatel Production Editor Rebecca Anderson Project Coordinator, Cover Lynsey Stanford Copy Editor Luann Rouff Compositor Jeff Lytle, Happenstance Type-O-Rama Editorial Director Robyn B Siesky Proofreader Nancy Carrasco Editorial Manager Mary Beth Wakefield Indexer Robert Swanson Freelancer Editorial Manager Rosemarie Graham Cover Designer Michael E Trent Associate Director of Marketing David Mayhew Cover Image © Martin Alfaro/istockphoto.com Production Manager Tim Tate www.it-ebooks.info About the Authors Randy Drisgill has been working with SharePoint911 as their branding and design lead since 2008 He has more than 10 years of experience developing, designing, and implementing web-based applications for clients ranging from small business to Fortune 500 companies For the past three years, he has been working exclusively with SharePoint products and technologies and has worked on many large-scale internal and public-facing SharePoint 2007 and 2010 branding projects Randy is an active member of the SharePoint community, having contributed to several articles and books on the topic, as well as being the co-founder / co-manager of the Orlando SharePoint User Group (OSPUG) In 2009, Microsoft recognized Randy as an authority on SharePoint branding by awarding him MVP status for SharePoint Server Randy lives in Orlando, Florida with his wife and best friend, Jackie, their two cats, and their dog, Frito You can find Randy online on Twitter as @Drisgill or at his blog, http:// blog.drisgill.com John Ross is a Sr Consultant for SharePoint911from Orlando, FL, with more than eight years of experience implementing solutions for clients ranging from small businesses to Fortune 500 companies, as well as governmental organizations He has been involved with a wide range of SharePoint solutions, including publicfacing Internet sites, corporate intranets, and extranets Additionally, John is cofounder of the Orlando SharePoint User Group (www.orlandosharepoint.com) His blog can be found at www.sharepoint911.com/blogs/john Jacob J Sanford is a senior consultant for Cornerstone Software Services in Tallahassee, FL He has been working with web application development using Microsoft technologies for more than 10 years, specializing in NET solutions since the 1.0/1.1 Framework Jacob is a frequent speaker at local and regional NET and SharePoint events and is the founder of the Tallahassee SharePoint Experts Exchange for Developers (SPEED), a SharePoint User Group in Tallahassee, FL He has written three previous books for Wrox: ASP.NET 2.0 Design (September 2007), Professional Microsoft SharePoint 2007 Design (September 2008), and Professional Microsoft SharePoint Server 2007 Reporting with SQL Server 2008 Reporting Services (September 2009) With the media blitz on HTML5 and CSS3, Jacob has renewed his vigor for design and branding topics and loves talking to anyone he can about these topics Lately, he mostly focuses on design standards and technologies and organizes sessions on these topics when he can He currently lives in Tallahassee, FL with his wife, Shannan, and three kids, Matthew, Hayden, and Wendy www.it-ebooks.info Paul Stubbs is a Microsoft Technical Evangelist for SharePoint and Office, where he focuses on the information worker development community around SharePoint and Office, Silverlight, and Web 2.0 social networking He has authored three books on solution development using Microsoft Office, SharePoint, and Silverlight; several articles for MSDN Magazine and SharePoint Pro Magazine; and has also spoken at Microsoft Tech-Ed, PDC, SharePoint Conference, DevConnections and Tech-Ready conferences around the world Paul has also worked as a Senior Program Manager with the Visual Studio Tools for Office (VSTO) team in Redmond, Washington Paul is a Microsoft Certified Trainer (MCT) and has received Microsoft Certified Applications Developer (MCAD) and Microsoft Certified Solution Developer (MCSD) certifications Paul also frequently participates in the developer community on the Microsoft forums Paul also started a developer focused show on MSDN’s Channel site called the SharePoint Sideshow, where he teaches future SharePoint developers how to get started Visit Paul’s blog at blogs.msdn.com/pstubbs for a lot of deep SharePoint developer information Larry Riemann has more than 16 years of experience architecting and creating business applications for some of the world’s largest companies Larry is an independent consultant who owns Indigo Integrations and does SharePoint consulting exclusively through SharePoint911 He writes articles for publication, is a contributing author on another book, and occasionally speaks at conferences For the last several years, he has been focused on SharePoint, creating and extending functionality where SharePoint leaves off In addition to working with SharePoint, Larry is an accomplished NET Architect and has extensive expertise in systems integration, enterprise architecture and high availability solutions You can find Larry on his blog, at http://lriemann.blogspot.com www.it-ebooks.info ... Professional SharePoint 2010 Branding and User Interface Design Randy Drisgill John Ross Jacob J Sanford Paul Stubbs Larry Riemann www.it-ebooks.info Professional SharePoint 2010 Branding and. .. What Is SharePoint Branding? Definition of Branding Why Brand SharePoint? SharePoint 2010 Versions Types of SharePoint Websites Intranet Sites Internet Sites Extranet Sites 9 10 11 12 How Branding. .. SharePoint Designer 2010 Overview History of SharePoint Designer What’s New in SharePoint Designer 2010 Overview of the New User Experience Branding with SharePoint Designer 2010 Modifying CSS