Header

100% Height Layout

In this example, the height of the Header and Footer will remain constant when the browser window is resized. The center content area will fit the remaining space.

Relevant Container property values:

	FitParent	Orientation	SplitterProps.Thickness
Splitter container	FitWindow	Horizontal	1

Relevant Panel property values:

	Filled	Resizable	PreferredSize	CanCollapse
Header panel	False	False	50	None
Center content	True	True (don't care)	100 (don't care)	None
Footer panel	False	False	50	None

Footer