RichTextEditor Styling

Updated on Oct 14, 2026

The Telerik .NET MAUI RichTextEditor provides means for modifying its visual appearance, so that it matches the style of the app.

You can take advantage of the following styling properties:

• BorderColor (Color)—Defines the border color around the editor.
• BorderThickness (Thickness)—Defines the border thickness around the editor.
• CornerRadius (Thickness)—Defines corner radius of the border.
• BackgroundColor (Color)—Defines the background color of the editor.
• DefaultTextColor (Color)—Defines the default text color of all text in the editor. Text with an explicit color keeps that color.
• DefaultHyperlinkTextColor (Color)—Defines the default text color of all hyperlinks in the editor. Hyperlink text with an explicit color keeps that color.
• DefaultHyperlinkVisitedTextColor (Color)—Defines the default text color of all visited hyperlinks in the editor. Visited hyperlink text with an explicit color keeps that color.

The TextColor applies to the current position or selection and changes the document content. The DefaultTextColor applies a document-wide default and does not modify the content. Text that has an explicit color applied to it keeps that color. Use this property to align the document with the theme of the application, for example when switching between light and dark mode.

Define the BackgroundColor and DefaultTextColor to match the theme of your application.

Example

Here is a quick example how you can apply the listed properties:

XAML

<telerik:RadRichTextEditor x:Name="richTextEditor"
                           BorderThickness="2"
                           BorderColor="#808660C5"
                           CornerRadius="5" />

This is the result:

For the RichTextEditor Styling example, see the SDKBrowser Demo Application and go to RichTextEditor > Styling.

See Also

• RichTextEditor Toolbar Styling
• Custom Toolbar