Use the resizebar to resize the panes. Check the different result in each of the
ResizeMode values.
This splitter has
ResizeMode="AdjacentPane" set (default).
Left Pane
| |
Middle Pane
| |
End Pane
|
This splitter has
ResizeMode="EndPane" set.
Left Pane
| |
Middle Pane
| |
End Pane
|
This splitter has
ResizeMode="Proportional" set.
Left Pane
| |
Middle Pane
| |
End Pane
|
This splitter has the
ResizeStep property set to 20px to each of the SplitBars.
Left Pane
| |
Middle Pane
| |
End Pane
|
Source Code & Description
ResizeModes
RadSplitter allows to define the way the panes are resized when a resizebar is
dragged.
Use the
ResizeMode property of the RadSplitter object to define this
behavior. There are 3 ResizeModes defined:
-
AdjacentPane - default - when this ResizeMode is used the panes that are
in the left and right side (top/bottom respectively) of the resize bar will be
affected only.
-
EndPane - only the End pane and the pane that is at the left(top) of the
resize bar are affected
-
Proportional - all the panes that are positioned in the direction at
which the resizebar is dragged will be affected. If the resizebar is dragged in
right direction all the panes that are at the right side of the resizebar will
be affected. They will receive a proportional size according to their current
size.
The
ResizeMode property also affects the way the panes are resized when
a pane from the splitter is collapsed/expanded.
You can use the
ResizeStep property of the SplitBar to define the step
in which the resize bars are snapped.
