Docking elements

Docking elements to an edge of their container provides great flexibility during design. Docked elements are automatically resized as their parent resize.

	Do not dock	No docking is applied
	Dock left	Dock the element to the left.
	Dock right	Dock the element to the right.
	Dock top	Dock the element to the top.
	Dock bottom	Dock the element to the bottom.
	Dock client	The element occupies all the area in the container which not used by other docked elements. An element docked to client cannot be sized or moved since it always uses the remaining area.

Docking elements is especially useful when working with library elements and page templates. Assume that you want have header section which should be identical on every page. You can create two panel elements in the site template one is docked to the top, which will be the site header, and the other is docked to client, which will be the page body.

dockedpanel_inSiteTemplate

These two element will be inherited by all the pages which uses the site template. If, even after you prepared the pages of the site, you want to have more space for the header; no problem. Just change the

height of the site header in the site template. Since the page body is docked to client it will use the remaining area left from the site header and no overlapping will occur.