A common scenario for a splitter control is to automatically resizes when the browser window resizes. EO.Web Splitter can automatically stretches its right and bottom edge when the window resizes. This way it can "anchor" all four sides to the window and maintain a constant space on all sides.

Enable Auto Fill Mode

To enable auto fill mode, simply set the splitter's AutoFillWindow to true.

Reserves Space On the Left and Top of the Splitter

Even in AutoFillwindow mode, it is rarely desired to have the splitter to fill up the whole window. A common Header - Left Pane - Right Pane layout requires space for the header. In this case, just place the header in the page, then place the splitter after it. The splitter will stretch its right and bottom edge when the browser window resizes, but it will not move its left or top edge. This way whatever contents placed before the splitter will not be affected by resizing.

Reserves Space On the Right and Bottom of the Splitter

Sometimes its desirable to have additional contents on the right and bottom of the splitter. This can be achieved by setting WidthMargin and HeightMargin to non-zero values. If set, EO.Web Splitter substracts these values from the computed "full fill" size when it resizes. Note these two values include both space on the left/top and space on the right/bottom of the splitter.