EditBase.CornerRadius Property

Gets or sets the corner radius of the edit box.

Namespace: DevExpress.XamarinForms.Editors

Assembly: DevExpress.XamarinForms.Editors.dll

NuGet Package: DevExpress.XamarinForms.Editors

Declaration

public CornerRadius CornerRadius { get; set; }

Property Value

Type	Description
CornerRadius	A value that specifies the corner radius of the edit box border.

Remarks

You can adjust edit box corners - all corners of an Outlined text editor, and top corners of a Filled editor (bottom corners are always square). Use the CornerRadius property to change the radius of editor corners as follows:

• Pass one double value to the CornerRadius structure to set the same radius for all editor corners:

  Xaml

  <dxe:TextEdit x:Name = "textEdit" CornerRadius = "15"/>
  

  C#

  textEdit.CornerRadius = 15;
  

  

• Pass four double values (TopLeft, TopRight, BottomLeft and BottomRight, in this order) to specify each corner radius separately:

  Xaml

  <dxe:TextEdit x:Name = "textEdit" CornerRadius = "20,0,0,0"/>
  

  C#

  textEdit.CornerRadius = new CornerRadius(20,0,0,0);
  

  

The CornerMode property specifies whether the editor corners are cut or rounded. In cut-corner mode, the parameters above affect the corner bevel size.

Property	BoxMode = Outlined	BoxMode = Filled
Default
CornerRadius = 15 CornerMode = Round
CornerRadius = 15 CornerMode = Cut

Example

This example shows how to customize the editor box borders and background of the TextEdit editor in each state.

State	Default	Custom
Unfocused
Focused
Disabled
Error

Xaml

<dxe:TextEdit BackgroundColor="Linen"
              DisabledBackgroundColor="PapayaWhip"
              BorderColor="Black"
              BorderThickness="2"
              FocusedBorderThickness="4"
              FocusedBorderColor="DarkOrange"
              DisabledBorderColor="PeachPuff"
              DisabledBorderThickness="6"
              ErrorColor="DarkRed"
              CornerRadius="10"
              CornerMode="Cut"/>