Layout Manager: Examples

The YUI Layout Manager provides a fixed layout structure containing, top, bottom, left, right and center layout units. It can be applied to either the body or an element within the body, including a floating Panel or Overlay.

• Full Page Layout: This example shows how to build a full page layout.
• Layout inside a resizable Panel: This example shows how to build a layout inside of a resizable Panel Control.
• Using a Layout with Grids CSS: This example shows how to use the Layout Manager with the Grids CSS.
• Nesting a layout: Nesting a layout inside another layout.
• Layout with Menu Controls: Using a full page Layout with top and left Menu navigation
• Simple Application: A simple date entry application.
• Complex Application: An advanced application using several YUI Utilities and Controls.
• Skinning a Layout: Layout skinning is done via CSS. The Layout Manager comes with a default skin, but you can extend or override this as needed.