YUI Library Home

Site Search (YDN & YUIBlog):

# YUI Library Examples: Layout Manager

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

### Layout Manager:

- User's Guide (external)
- API Documentation
- Cheat Sheet PDF(external)

Copyright © 2009 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings