Content

Composite Images

Complex Menu Element  

This complex form is used for menu elements, and is fully scalable to any size. The three main columns are vertically independent. This means, for example,  that the corners may be much larger than the middle tops and bottoms as would be the case if you want really rounded corners but want to preserve the maximum amount of space in the middle for the text. The text of the menu element (page name) will be inserted in the middle of the graphic. Although it was designed for menu elements, it may also be used for boxes with very thin tops and bottoms and text almost flush to the top/bottom. In that case, the editable portion of the box will occupy the middle part of the image and will be sized as the user drags the box. 

Image	Type	Notes
Top & Bottom	Stretched	Should be a vertical slice of an image that will be stretched horizontally.
Left & Right	Stretched	Should be a horizontal slice of an image that will be stretched vertically.
Middle	Tiled	Background image over the text that will be tiled both vertically and horizontally.
Corners	Fixed

Example:

Note the orange line at the bottom of this tab. The section on color-shifting will describe how this line can be automatically color-shifted so that it becomes a solid black line for all but the selected page, thus creating the standard graphical tab visual metaphor.