Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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

C#
public CornerRadius CornerRadius { get; set; }

#Property Value

Type Description
CornerRadius

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:

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

    DevExpress MAUI TextEdit - Unfocused 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"/>
    

    DevExpress MAUI TextEdit - Unfocused Topleftcornerradius-20

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

DevExpress MAUI TextEdit - Unfocused Default

DevExpress MAUI TextEdit - Unfocused Filled

CornerRadius = 15
CornerMode = Round

DevExpress MAUI TextEdit - Unfocused Cornerradius-15

DevExpress MAUI TextEdit - Unfocused Filled-cornerradius-15-round

CornerRadius = 15
CornerMode = Cut

DevExpress MAUI TextEdit - Unfocused Cornerradius-15-cut

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