EditBase.CornerRadius Property

Gets or sets the corner radius of the edit box. This is a bindable property.

Namespace : DevExpress.Maui.Editors

Assembly : DevExpress.Maui.Editors.dll

NuGet Package : DevExpress.Maui.Editors

Declaration

public CornerRadius CornerRadius { get; set; }

Property Value

The edit box corner radius.

|

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:

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

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"/>

See Also

EditBase Class

EditBase Members

DevExpress.Maui.Editors Namespace