Under Construction...

This website is using a Silverlight ribbon for navigation.  It transforms Microsoft Office 2007 RibbonX XML to Silverlight XAML.  This is a work in progress but on completion, it should represent the full feature set of the Office 2007 Ribbon UI. I have used it to learn about Silverlight and to explore Silverlight application hosting scenarios.

Try this out:

  • The HTML controls in the Test tab are all standard HTML controls that are displayed and hidden via Javascript, DHTML, and CSS.
  • In the Test tab, Press the Images and Video button to see a gallery of images and video. In the second and third rows, video will play when the mouse cursor is over it.
  • In the Test tab, the Microsoft Virtual Earth group lets you search Microsoft virtual Earth and returns results in the browser. This is also done via Javascript, DHTML, and CSS.
  • In the Test tab, the RSS group shows a short list of RSS feeds that are dynamically queried and updated.
  • Many of the controls have supertips when you hover over them, just like Office 2007.
  • When the mouse goes over a group it's highlight is animated.
  • Normally the ribbon Silverlight control is at the bottom in Z-order. When a control like the Image and Video gallery or a supertip shows a popup window, the silverlight control is pushed to the front in the z-order usign DHTML and CSS.
  • The Silverlight control is windowless and takes 100% of the width and height of its parent div. This enables the nesting of controls and layering of HTML and Silverlight controls.
  • Press the About tab, Show Ribbon XAML button to show the XAML that this ribbon uses.

Revision History

  • 2007-07-29 Updated to work with Silverlight 1.0 Release Candidate
  • 2007-06-12 Added error handling and download progress charts to media streams
  • 2007-05-02 Fixed RSS Feed error.
  • 2007-04-27 Added Virtual Earth tab for testing edit controls. Fixed DHTML code for Firefox. Added Scobleizer blog to RSS feeds.
  • 2007-04-24 Added Screentips, dynamic menus.
  • 2007-04-22 Added Buttons to Quick Access Toolbar. Added video to gallery items (see Test/Gallery).

Related Sites

- Michael S. Scherotter 9/30/2007
Copyright © 2007 Michael S. Scherotter