Better visuals for the JRibbon component, part I

October 22nd, 2007 | 3 Comments »

It’s been more than two years since i first started working on all-Java version of the Office 2007 ribbon component (see part 1, part 2 and part 3). Since then, there have been quite a few visual improvements in the Substance look-and-feel, and it’s time to apply these to the Substance Flamingo plugin. This series will walk through the major UI changes to the JRibbon component that is now much better aligned with the look of core and SwingX components under Substance.

Here is how JRibbon looks under the Office Silver 2007 skin:

Here is how JRibbon looks under the Office Blue 2007 skin:

Here is how JRibbon looks under the Creme skin:

Here is how JRibbon looks under the Business skin:

And here is how JRibbon looks under the Autumn skin:

Want to take it for a spin? You’ll need the latest binaries of Substance, Flamingo and Substance Flamingo plugin.

Related posts:

  1. Better visuals for the JRibbon component, part II In the first part, i showed a few screenshots of the new look of the...
  2. Better visuals for the JRibbon component, part III This is the third part of the series on new visuals for the JRibbon component...
  3. Polishing the visuals of Flamingo command buttons As the name of this very blog implies, perhaps the most enjoyable part of my...
  4. Flamingo ribbon component and Substance decoration painters The ribbon component is one the major building blocks of the Flamingo component suite. It...

3 Comments on “Better visuals for the JRibbon component, part I”

  1. 1 russ said at 9:23 am on October 23rd, 2007:

    It looks good, in fact it looks really good…but why copy something like this. Why not do your own thing or improve upon it in some way.

  2. 2 Luke Sleeman said at 5:09 pm on October 23rd, 2007:

    It looks very nice. Have you tried using TabContentPaneBorderKind.DOUBLE_PLACEMENT or TabContentPaneBorderKind.SINGLE_PLACEMENT on the tabs, as it may look nicer without the the double border it gets from the tab border then the band border.

  3. 3 Kirill Grouchnikov said at 3:27 pm on October 24th, 2007:

    Luke,

    I’ll play with it, but i think it’s nice since it gives a well-defined border to the component (unlike the tabbed pane where it’s better to have the selected tab blend into the tab contents).