Posted by kirillcool on February 24, 2007 at 10:26 AM PST
An addendum to the sixth part of the series that describes the additional capabilities that you can get on your tabbed panes. This entry describes improvements made to the grid tab overview panel.
This is an addendum to the sixth part of the series that describes the additional capabilities that you can get on your tabbed panes.
The first part described close buttons and animation on modified tabs
The second part described vetoable close buttons and vertical tabs.
The third part described single-click close of multiple tabs and custom alignment of tab texts on left and right placement.
The fourth part described hover preview popup and tab overview dialog.
The fifth part described tab pager (enhanced since first described).
The sixth part described carousel components integrated into the tab overview dialog.
Since the carousel components (round carousel and menu carousel) look quite better than the existing grid tab overview panel, the later was enhanced to provide better visuals.
Here is how it looked before:
Here is how it looks now:
The main improvement is the drop shadow borders (using the Looks implementation) on the individual thumbnail previews. In addition, the following shows what happens when you move the mouse over the grid:
The implementation itself is quite straightforward and uses a custom glass pane to overlay the animations. In order to see this functionality in a WebStart demo, click the button below, wait for the application to load and click the small button to the left of the tabs (the one with the magnifying glass).
Your use of this web site or any of its content or software indicates your agreement to be bound by these Terms of Participation.