East

Border Layout

To create a border layout that has North, South, East, West, and Center content areas, a nested splitter container is added to the middle panel of a top-level splitter container.

In this example, the North and South areas are not resizable, and the East and West areas are resizable and collapsible. The Center content area will fit the remaining space when the browser window is resized.

Relevant Container property values:

	FitParent	Orientation	SplitterProps.Thickness	InheritSplitterProps
Top-level splitter container	FitWindow	Horizontal	1	True (don't care)
Nested splitter container	FitParentContainer	Vertical	4	False

Relevant Panel property values:
(Note that there are actually 6 splitter panels on this page: 3 in the top-level container, and 3 in the nested container.)

	Filled	Resizable	PreferredSize	CanCollapse
North panel	False	False	50	None
Parent panel of nested container	True	False (don't care)	100 (don't care)	None
South panel	False	False	50	None
East panel	False	True	100	Backward
Center content	True	True	100 (don't care)	None
West panel	False	True	100	Forward

West