EditBase.CornerRadius Property

Gets or sets the corner radius of the edit box.

Namespace: DevExpress.XamarinForms.Editors

Assembly: DevExpress.XamarinForms.Editors.dll

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:

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

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

    <dxe:TextEdit x:Name = "textEdit" 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

Examples

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

<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