Header

Split Content Layout

In this example, the Header and Footer remain not resizable. The center content area is divided into upper and lower panels. The upper and lower content areas together will fill the remaining height of the browser window. Their relative heights are determined by their PreferredSize propety.

As depicted below, the sum of the PreferredSize of the upper and lower content areas is 100. So the upper and lower content areas actually take up 40% and 60% of the remaining height respectively.

Relevant Container property values:

	FitParent	Orientation	SplitterProps.Thickness	SplitterProps.ThicknessWhenDisabled
Splitter container	FitWindow	Horizontal	4	1

Relevant Panel property values:

	Filled	Resizable	PreferredSize	CanCollapse
Header panel	False	False	50	None
Upper center content area	True	True	40	None
Lower center content area	True	True	60	Forward
Footer panel	False	False	50	None

Footer