How to: Customize the Appearance of the Editor's Borders

• Aug 01, 2019

The following example shows how to customize the editor's border via templates.

View Example

Window1.xaml

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="BaseEdit_BorderTemplate.Window1" 
        Title="Customizing Editor's Border"
        Height="300" Width="300">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="100" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="22" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <dxe:TextEdit Grid.Column="1" Grid.Row="1">
            <dxe:TextEdit.BorderTemplate>
                <ControlTemplate TargetType="{x:Type ContentControl}">
                    <Border BorderThickness="1" BorderBrush="Red" Background="AntiqueWhite"
                            CornerRadius="2">
                        <ContentPresenter />
                    </Border>
                </ControlTemplate>
            </dxe:TextEdit.BorderTemplate>
        </dxe:TextEdit>
    </Grid>
</Window>

Window1.xaml.cs

using System.Windows;

namespace BaseEdit_BorderTemplate {
    public partial class Window1 : Window {
        public Window1() {
            InitializeComponent();
        }
    }
}

Window1.xaml.vb

Imports System.Windows

Namespace BaseEdit_BorderTemplate
    Partial Public Class Window1
        Inherits Window

        Public Sub New()
            InitializeComponent()
        End Sub
    End Class
End Namespace

Application.xaml.vb

Imports System
Imports System.Collections.Generic
Imports System.Configuration
Imports System.Data
Imports System.Linq
Imports System.Windows

Namespace BaseEdit_BorderTemplate
    ''' <summary>
    ''' Interaction logic for App.xaml
    ''' </summary>
    Partial Public Class App
        Inherits Application

    End Class
End Namespace

Application.xaml

<Application x:Class="BaseEdit_BorderTemplate.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="Window1.xaml">
    <Application.Resources>

    </Application.Resources>
</Application>