I was just goofing around, trying to see what spiffy new UI patterns we could make using XUL. I thought I’d try creating an Office 2007 ribbon style toolbar. My current result is shown here:
I had my mouse over the “cut” button, therefore it is highlighted. Couple of points:
- I need to add images to the selected tab to give it a rounded look.
- I have not added any gradients to the ribbon because its harder than it should be. We should add something to CSS to make this easier.
- I want to add more control types to the example. A dropdown button will be really easy. It will also be easy to add the dialog launchers too
- I have already started to think about the XBL version of this 🙂 .