The example above shows SurfBoard's default layout: the List is horizontally centered with the button placed halfway down and to its right. The Preview area is 10 pixels from the bottom of the applet and fills the width of the applet minus 20 pixels.

A BgImage has been used here, so the chosen BgColor is used only for the underscore and the internal 3D border of the Preview area.

Along with the text descriptions in the List, you'll also find an entry that displays a static JPEG image in the Preview area and another that displays an animated GIF.

The example below is pretty much identical, but shows SurfBoard's default colors, along with the default 3DBorder. You can also see the SurfBoard handles the button image without trouble, regardless of its dimensions. A Label is included again, but ShowUnderscore has been set to 'no'.

These applets are non-linking (its URL parameters have been prefixed with $ signs) so have a play with the image buttons!