Gridlock Example #2



This example shows a few major changes (apart from the obvious color and font differences). First we've used the BgContent parameter to place an image behind the menu bars, and the BgContentLeft and BgContentTop parameters to position it.

Second, we've set the FullWidthCaptionBar parameter to 'Yes'. This makes the top-level bar extend the full width of the applet area. That parameter is best used in conjunction with the LimitWidth parameter, and we've used that too with a setting of 275. So, although the actual width of the applet is 440 pixels, the menu bars are allowed to use only 275 pixels of that (and are automatically centered within it). As a result, scroll-buttons are added to the majority of menu bars to allow their items to be scrolled into view.

Finally we've used a slightly slower scroll-animation time by setting ScrollAmount to 2 and ScrollDelay to 5, and we've set the ArrowHandCursor parameter to yes (showing hand cursors for the scroll buttons).