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