New to Telerik UI for .NET MAUIStart a free 30-day trial

Represents the control that redistributes space between columns or rows of a Grid control. The GridSplitter can be located in its own row or column or it can be placed together with another element in the row or column. When it shares a row or column with another element, it should be declared last in the Grid in order to appear on top of the other element.

Definition

Constructors

Initializes a new instance of the RadGridSplitter class.

C#
public RadGridSplitter()

Fields

GripperColorProperty

BindableProperty

Identifies the GripperColor property.

C#
public static readonly BindableProperty GripperColorProperty

ParentLevelProperty

BindableProperty

Identifies the ParentLevel property.

C#
public static readonly BindableProperty ParentLevelProperty

ResizeBehaviorProperty

BindableProperty

Identifies the ResizeBehavior property.

C#
public static readonly BindableProperty ResizeBehaviorProperty

ResizeDirectionProperty

BindableProperty

Identifies the ResizeDirection property.

C#
public static readonly BindableProperty ResizeDirectionProperty

Properties

Gets or sets the color of the gripper.

C#
public Color GripperColor { get; set; }

Gets or sets the level of the parent grid to resize. It is useful when the GridSplitter is placed in a nested grid, but it is intended to resize rows/columns of the outer grid. A value of 0 targets the direct parent grid, 1 targets the parent's parent grid, and so on.

C#
public int ParentLevel { get; set; }
Example:
csharp
<Grid>
  <Grid x:Name="MainGrid" Margin="20">
      <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="Auto" />
          <ColumnDefinition Width="*" />
      </Grid.ColumnDefinitions>
      <BoxView Grid.Column="0" Color="LightBlue" />
      <BoxView Grid.Column="1" Color="LightGreen" />
      <Grid Grid.Column="2">
          <Grid.ColumnDefinitions>
              <ColumnDefinition Width="20" />
              <ColumnDefinition Width="Auto" />
          </Grid.ColumnDefinitions>
          <BoxView Grid.Column="0" Color="LightSalmon" />
          <telerik:RadGridSplitter x:Name="ColumnSplitter"
                                  Grid.Column="1"
                                  ParentLevel="1"
                                  Width="10"
                                  ResizeDirection="Columns"
                                  ResizeBehavior="PreviousAndNext"
                                  GripperColor="Gray" />
      </Grid>
      <BoxView Grid.Column="3" Color="LightPink" />
  </Grid>
</Grid>

Gets or sets which Columns or Rows the Splitter resizes.

C#
public RadGridSplitter.GridResizeBehavior ResizeBehavior { get; set; }

Gets or sets whether the Splitter resizes the Columns, Rows, or Both.

C#
public RadGridSplitter.GridResizeDirection ResizeDirection { get; set; }

Methods

C#
protected override void ChangeVisualState()
C#
protected override void OnApplyTemplate()

Overrides: RadCompositeContentView.OnApplyTemplate()