Presented by NGUYEN Tuan Hai, this presentation describes how to develop a custom Ribbon on top of the default layout of the new version of SharePoint. SharePoint Saturday Vietnam 22/01/11 was sponsored by Officience. Visit http://www.officience.com/

1. Ribbon SharePoint 2010 Nguyen Tuan Hai [email_address] http://sharepointvietnam.net http://tuan-tomy.blogspot.com

2. Ribbon SharePoint 2010 Introducing the Ribbon SharePoint Ribbon Architecture Customizing the Ribbon

3. Introducing the Ribbon Site Actions Menu, Navigate Up and Edit page quick access buttons.

4. Introducing the Ribbon Page tab Browser tab

5. Introducing the Ribbon Item tab List tab

6. Introducing the Ribbon New form

7. Introducing the Ribbon On-demand

8. Introducing the Ribbon Context-sensitive operations with controls status

9. SharePoint Ribbon Architecture

10. SharePoint Ribbon Architecture

11. SharePoint Ribbon Architecture Tab Group Control

12. SharePoint Ribbon Architecture Example: 14EMPLATELOBALMLMDUI.XML

13. SharePoint Ribbon Architecture PageManager: a single instance of every page. It’s defined in CUI.js and holds the focus manager (CUI.Page.FocusManager), command dispatcher (CUI.Page.CommandDispatcher), undo manager (CUI.Page.UndoManager) and other supporting objects. Ribbon Communication

14. SharePoint Ribbon Architecture CommandDispatcher: registers all commands for ribbon and keeps the track of PageComponent. When command receive to PageManager, PageManager handovers the command to CommandDispatcher then CommandDispatcher routs the command to appropriate PageComponent. Ribbon Communication

15. SharePoint Ribbon Architecture PageComponent: is the one who has actual implementation of commands. This is inherited by CUI.PageComponent. So Custom PageComponent should always follow the same class structure as CUI.PageComponent has Ribbon Communication

17. Customizing Ribbon Label Menu Menu Section MRU Split Button Spinner Split Button Textbox ToggleButton Controls Button Checkbox Color Picker Combo Box Drop Down Flayout Anchor Insert Table

18. Customizing Ribbon Example:

20. Customizing Ribbon Handling commands

21. Customizing Ribbon Handling commands

23. Customizing Ribbon

24. Customizing Ribbon Demo

25. Reference [+] SharePointVietNam Forum: http://sharepointvietnam.net/forum/forumdisplay.php/47-Ribbon [+] MSDN: http://msdn.microsoft.com/en-us/library/ff630938.aspx [+] SharePoint Blog http://blogs.msdn.com/b/jfrost/archive/2009/11/06/adding-custom-button-to-the-sharepoint-2010-ribbon.aspx [+] SharePoint videos & e-books: http://channel9.msdn.com

26. FAQ Q&A