Layout Manager (beta): Examples

Provides a fixed layout containing, top, bottom, left, right and center layout units. It can be applied to either the body or an element.

• 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.
• 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.