Automate Layout Creation with Prototype

October 9th, 2007 Posted by Don Albrecht

Sébastien Gruhier has released a powerful new layout engine to facilitate the construction of ajax applications in prototype. Here’s a shot of it in action:

Prototype Layout Manager

The system is based on CSS classes applied to individual divs (lm_top, lm_bottom, lm_left, lm_right, lm_center. Div’s can also be nested if needed to produce complex layouts.

Elements can be added simply with a call to the LayoutManager object.
layoutManager.add('your_element_id');

One caveat: the script requires protoype 1.6. Scriptaculous hasn’t caught up with prototype 1.6 at this time.

Find it Online Here:

http://blog.xilinus.com/2007/10/3/simple-layout-manager-with-prototype-1-6