Back to Devexpress

EditBase.CornerMode Property

mobilecontrols-devexpress-dot-xamarinforms-dot-editors-dot-editbase.md

latest3.6 KB
Original Source

EditBase.CornerMode Property

Gets or sets whether edit box corners are rounded or cut.

Namespace : DevExpress.XamarinForms.Editors

Assembly : DevExpress.XamarinForms.Editors.dll

NuGet Package : DevExpress.XamarinForms.Editors

Declaration

csharp
public CornerMode CornerMode { get; set; }

Property Value

TypeDescription
CornerMode

A value that specifies the type of editor box corners.

|

Available values:

Name
Round
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

|

|

| |

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

|

|

|

xml
<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.XamarinForms.Editors Namespace