Skip to main content

Posts

Showing posts from July, 2010

Glimpse of Ext js Containers

Container layout: The Container layout is the default layout for any instance of Container and simply places items on the screen, one on top of. Container layout does not explicitly resize child items. It also serves as the base class for all other layouts Implementing a container layout is extremely simple, requiring you to just add and remove child items. Anchor Layout: The Anchor layout is similar to the Container layout It adds dynamic sizing to the mix using an anchor parameter specified on each child { title : 'Panel1', anchor : '100%, 5%' , frame : true} Form Layout: The form layout is just like the anchor layout Absolute layout: Absolute layout is by far one of the simplest to use. It fixes the position of a child by setting the CSS “position” attribute of the child’s element to “absolute” and sets the top and left attributes to the x and y parameters Fit Layout: The ‘fit’ layout forces a Container’s single child to “fit” to its body and is, by far, the simpl...