1. Office 12: Developing With The Programmable Customization Model For The Office 12 User Experience (Part 2) also known as… Savraj Dhanjal OFF302 Program Manager Office User Experience Developer Model for the New UI

2. Agenda Overview of new UI elements End-user customization Existing add-ins The new model Demos

3. The ‘Ribbon’ File Menu ‘Tabs’‘Chunks’Controls

4. End-User Customization Quick Launch Toolbar Add/Remove frequently used commands User customizable only

5. Existing Solutions Still Work If your code added a… it appears in… control to a built-in menu the 'Menu Commands' chunk control to a built-in toolbar the 'Toolbar Commands' chunk custom toolbar its own chunk … on the Add-Ins Tab.

6. Existing Solutions Work

7. The New Model: ‘RibbonX’ Add your own tabs Add your own chunks to built-in tabs Add to the File menu Add to built-in contextual tabs

8. The New Model: RibbonX Declarative XML Format, can live: Inside a COM Add-in Inside a new file format document <button id=“myButton” label=“Hello World!” onAction=“myHelloFunc” />

9. Why Markup? Complex layout Easier to understand Less work for you <chunk id=“myChunk” label=“My 1st Chunk” insertAfterMso=“ChunkIllustrations”> <button id=“myButton” label=“Hello World!” size=“large” imageMso=“FormatPainter” />

10. Benefits Works the same way for all the applications! Features that simplify life for developers Hide all main tabs (‘Start From Scratch’) Global repurposing of built-in controls Fixed, named control IDs New control types

11. Control Types TabsChunksButtonsMenusSplitButtonsToggleButtons

12. LabelsEditBoxesCheckBoxesDropDownsComboBoxesGalleries In Office 2003, we exposed just 5 controls: msoControlButton, msoControlEdit, msoControlPopup, msoControlComboBox, msoControlDropdown

13. Outside Scope Of RibbonX Status Bar ‘Floatie’ Inside built-in chunks Right-click menus Existing right-click customizations work Global repurposing works for all controls

14. RibbonX COM Add-In Implement IMsoRibbonExtensibility interface Return RibbonX markup from GetCustomUI method VSTO v3 offers design-time & runtime support for RibbonX Project code-generation, strict security, & more Related talk: OFF417, Andrew Whitechapel

15. RibbonX Schema id, idMso define a custom id, refer to built-in id insertAfterMso / insertBeforeMso insert in relation to built-in, named id image, imageMso Define your own image, Refer to a built-in image getImage, onAction, getEnabled, getPressed, … Some of the available callbacks

16. RibbonX Basics Goal: Custom chunk on built-in tab

17. Custom Chunk

18. RibbonX Basics Goal: Custom tab

19. Custom Tab

20. RibbonX Basics Goal: Custom File menu item

21. Custom File Menu Item

22. File-based UI Customization Include the CustomUI part Reference your VBA macros as callbacks <button id=“myButton” label=“My Favorite Macro” onAction=“excelCalcMacro” />

23. UI In New File Format Doc

24. Start From Scratch

25. Repurposing

26. Best Practices Focus on User Experience Embrace Paradigms of the New UI OFF201 – Jensen Harris Documentation available with Beta1 UI Region Contains… File Menu Commands External to Document Main Tabs Commands that modify Document Content Contextual Tabs Commands specific to built- in objects Programmable Task Panes Typically display data relevant to current doc

27. Questions?

28. © 2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.