LinearListLayout
LinearListLayout has been defined to define simple vertical/horizontal linear layouts. You just have to push elements in the layout, they will be added to the display, the layout will be resized.

This defines an horizontal linearlistlayout, wrapping inner elements:
...
var linearLayout = new LinearListLayout("horizontal","wrap");
linearLayout.pushElement(new ContainerElement(new TextElement("Element1")).setProperties(\{wrap:true}));
linearLayout.pushElement(new ContainerElement(new TextElement("Element2")).setProperties(\{wrap:true}));
linearLayout.pushElement(new ContainerElement(new TextElement("Element3")).setProperties(\{wrap:true}));
linearLayout.pushElement(new ContainerElement(new TextElement("Element4")).setProperties(\{wrap:true}));
...
setAlignment(hAlign,vAlign)
Define horizontal align and vertical align for the layout. This will center layout cells, if they don't fill the parent layout size, or set in top position a column if needed.

pushElement(element[,size])
Use pushElement function to push a new element in the layout. You can add a size when the layout is not in wrapping mode.

clear()
Clear all elements in the layout.

Animated linear list layout
...
var linearLayout = new LinearListLayout("horizontal","wrap");
			
linearLayout.pushElement(new ContainerElement(new TextElement("Element1")).setProperties(\{wrap:true}));
linearLayout.pushElement(new ContainerElement(new TextElement("Element2")).setProperties(\{wrap:true}));

var nb = 0;
function addItem() \{ 
 if (nb<5) \{
	linearLayout.pushElement(new ContainerElement(new TextElement("Added"+nb))
					.setProperties(\{wrap:true}));
 } else \{
	linearLayout.clear();
	
	nb = -1;
 }
 nb++;
}

linearLayout.insert("#layout");	
			
window.setInterval(addItem, 2000);
...