SharePoint 2010: Part 2: Preparing for 70-573 TS Microsoft SharePoint 2010, Application Development


Tonight I get to play with the Dialog Framework and the Ribbon… Both of these are client side and UI features. Check out the links below, and also do a web search on these topics. There’s a lot of good blog articles and good content at MSDN.


Skills Being Measured:
Working with the SharePoint User Interface (19%)

Implement a dialog by using the Dialog Framework

  • This objective may include but is not limited to: Create dialogs from JavaScript or from server side, display dialogs

Create a custom ribbon object

  • This objective may include but is not limited to: adding custom actions to the ribbon, customizing groups, customizing tabs, customizing the existing ribbon


My Dialog Notes:

A Dialog is basically a page displayed in a DIV. The V4 master page will hide all of the normal navigation parts of the page.

For example:

My Ribbon Notes:

  • Ribbon options can be created starting with the same Feature elements you used for 2007 custom menus (<CustomAction>), plus a new <CommandUIExtension> child element with a lot of new options.
  • There are two Location attributes, on in <CustomAction> and one in <CommandUIExtension>.
  • The <CustomAction> element is basically “which ribbon” while the <CommandUIExtension> element is basically “where in the ribbon”
  • The <CommandUIExtension> element has a very important attribute named Location that indicates which ribbon and the location in the ribbon to modify. VS 2010’s Intellisense do not help with “Location”. Details for out of the box options can be found here:
        C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14
    Documention can be found here: http://msdn.microsoft.com/en-us/library/ee537543.aspx
  • Location is in the form of    Ribbon.tab.group.controls
  • Understand “_children” in the Location element
  • Unlike 2007 where you added menu options with <CustomAction> you can now add all kinds of controls: Buttons, Text boxes, Menus…
  • Unlike 2007 the Ribbon options can respond the status of other items on the page, such as if a list item has been selected.
  • Two approaches: Declarative (Features) and Imperative (writing code)
  • Bottom line… the Ribbon, the new feature options, and the context sensitivity features are cool.




MSDN: Server Ribbon in SharePoint Foundation (drill down to find the walk throughs)

A very quick demo of a Dialog:

An tutorial of both a Dialog and a Ribbon update:
HOL10 - Developing SharePoint 2010 User Interface Ribbon and Dialog Customizations
This hands-on lab walks you through adding a custom action to the SharePoint 2010 ribbon, and creating a Web Part that uses the Dialog Framework.

Another example that shows both a Dialog and a Ribbon update

A 1 hour video demo of the Ribbon and Dialogs:

Another MSDN video: Module 10: Creating Dialog Boxes and Ribbon Controls for SharePoint 2010

Creating a Custom Ribbon Tab in SharePoint 2010

1 comment:

Anonymous said...

A blog that has detailed instructions about ribbons: http://makarandrkulkarni.blogspot.com/2010/01/architecture-of-sharepoint-2010-ribbon.html

Note to spammers!

Spammers, don't waste your time... all posts are moderated. If your comment includes unrelated links, is advertising, or just pure spam, it will never be seen.