Skip to main content

EditBase.CornerMode Property

Gets or sets whether edit box corners are rounded or cut. This is a bindable property.

Namespace: DevExpress.Maui.Editors

Assembly: DevExpress.Maui.Editors.dll

NuGet Package: DevExpress.Maui.Editors

Declaration

public CornerMode CornerMode { get; set; }

Property Value

Type Default Description
CornerMode Round

A CornerMode enumeration value.

Available values:

Name Description
Round

Edit box corners are rounded.

DevExpress MAUI TextEdit - Unfocused CornerRadius

Cut

Edit box corners are cut.

DevExpress MAUI TextEdit - Unfocused CornerRadius Cut

Remarks

Use the CornerMode property to round or cut the editor corners. The CornerRadius property allows you to set the radius of rounded corners or bevel size of cut corners. If the editor is in Filled mode, the CornerRadius property applies to the top corners.

Property

BoxMode = Outlined

BoxMode = Filled

Default

DevExpress MAUI TextEdit - Unfocused Default

DevExpress MAUI TextEdit - Unfocused Filled

CornerRadius = 15
CornerMode = Round

DevExpress MAUI TextEdit - Unfocused CornerRadius

DevExpress MAUI TextEdit - Unfocused Filled CornerRadius Round

CornerRadius = 15
CornerMode = Cut

DevExpress MAUI TextEdit - Unfocused CornerRadius Cut

DevExpress MAUI TextEdit - Unfocused Filled CornerRadius 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

DevExpress MAUI TextEdit - Unfocused Default State

DevExpress MAUI TextEdit - Example

Focused

DevExpress MAUI TextEdit - Focused State

DevExpress MAUI TextEdit - Example Focused State

Disabled

DevExpress MAUI TextEdit - Disabled State

DevExpress MAUI TextEdit - Example Disabled State

Error

DevExpress MAUI TextEdit - Error

DevExpress MAUI TextEdit - Example Error

<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