1 / 28

Developing and Branding with the New User Interface Features in Microsoft SharePoint Server 2010

Required Slide. SESSION CODE: OSP304. Developing and Branding with the New User Interface Features in Microsoft SharePoint Server 2010 . Paul Stubbs Technical Evangelist Microsoft Corporation. Reusable UI Controls. Ribbon. Ribbon Dialogs Status bar Notifications. Status Bar.

colby
Download Presentation

Developing and Branding with the New User Interface Features in Microsoft SharePoint Server 2010

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Required Slide SESSION CODE: OSP304 Developing and Branding with the New User Interface Features in Microsoft SharePoint Server 2010 Paul Stubbs Technical Evangelist Microsoft Corporation

  2. Reusable UI Controls Ribbon • Ribbon • Dialogs • Status bar • Notifications Status Bar Notification Dialog

  3. Server Ribbon • Tabs • Groups • Controls • Control (buttons, drop-down menus, check boxes, combo boxes, split buttons, and galleries) • Command

  4. Server Ribbon

  5. Server Ribbon Paul StubbsTechnical EvangelistMicrosoft DEMO

  6. Server Ribbon SharePoint 2010 Extensibility Projects http://code.msdn.microsoft.com/vsixforsp DOWNLOAD

  7. Dialogs • Ajax based dialog • Reduces page refreshes • JavaScript client object model • SP.UI.ModalDialog • From Server Ribbon

  8. Display Dialog

  9. Dialogs Paul StubbsTechnical EvangelistMicrosoft DEMO

  10. Status Bar • Display persistent information • 4 predefined background colorsRed: Very Important Yellow: Important Green: Success Blue: Information • Server and client side • HTML message format • JavaScript client object model • SP.UI.Status.addStatus

  11. Status Bar Paul StubbsTechnical EvangelistMicrosoft DEMO

  12. Notifications • Show transitory messages • Visible for 5 seconds • HTML message format • JavaScript client object model • SP.UI.Notify.addNotification

  13. Notifications Paul StubbsTechnical EvangelistMicrosoft DEMO

  14. Themes • Colors + Fonts in Open XML Theme Format • CSS files are marked with “variables” • Comment-based design -> Standards • Only one CSS file -> Performance • Make existing designs theme-compatible

  15. CSS Theme

  16. Themes Paul StubbsTechnical EvangelistMicrosoft DEMO

  17. Branding Master Page • Master page • Basic structure • Navigation • CSS • Page content • Page Layouts • Web Part layout pages Page Layout Master Page

  18. Custom Master Page • Richer editing tool in SharePoint Designer • Consistent master page story across SharePoint Server publishing sites and Foundation • Blog / Wiki Customization • Admin Pages • JavaScript Object Model • UI framework pieces are extensible

  19. Branding Paul StubbsTechnical EvangelistMicrosoft DEMO

  20. Q&A pstubbs@microsoft.com Blogs.msdn.com/pstubbs

  21. Play the Microsoft Office & SharePoint Track Tag Contest Download the Microsoft Tag Reader Open the internet browser on your mobile phone and visit http://gettag.mobi Grand Prize (1) Xbox 360 Prize Package and Microsoft® Office 2010 Daily Prizes 40 copies of Microsoft® Office 2010 Come to the Expo Hall – Yellow Section OSP Info Desk for Official Rules & Collect Additional Tags from all OSP Track Sessions, Speakers and Expo Hall!

  22. Required Slide Track PMs will supply the content for this slide, which will be inserted during the final scrub. Track Resources • For More Information – http://sharepoint.microsoft.com • SharePoint Developer Center – http://msdn.microsoft.com/sharepoint • SharePoint Tech Center – http://technet.microsoft.com/sharepoint • Official SharePoint Team Blog – http://blogs.msdn.com/sharepoint

  23. Required Slide Speakers, please list the Breakout Sessions, Interactive Sessions, Labs and Demo Stations that are related to your session. Related Content • Breakout Sessions – See Conference Guide for full list of OSP Track Sessions • Interactive Sessions – OSP Track has 10 Interactive Sessions – OSP01-INT – OSP10-INT • Hands-on Labs – OSP01-HOL – OSP20-HOL • Product Demo Stations – Yellow Section, OSP • Office 2010, SharePoint 2010, Project Server 2010, Visio 2010 have kiosks and demos

  24. Required Slide Resources Learning • Sessions On-Demand & Community • Microsoft Certification & Training Resources www.microsoft.com/teched www.microsoft.com/learning • Resources for IT Professionals • Resources for Developers http://microsoft.com/technet http://microsoft.com/msdn

  25. Required Slide Complete an evaluation on CommNet and enter to win!

  26. Sign up for Tech·Ed 2011 and save $500 starting June 8 – June 31st http://northamerica.msteched.com/registration You can also register at the North America 2011 kiosk located at registrationJoin us in Atlanta next year

  27. © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

  28. Required Slide

More Related