Skip to content

Commit 46b223c

Browse files
Addressed the review suggestion of Liquid glass effect support in RTE.
1 parent b62215b commit 46b223c

File tree

1 file changed

+13
-8
lines changed

1 file changed

+13
-8
lines changed

MAUI/Rich-Text-Editor/Cupertino-Theme.md renamed to MAUI/Rich-Text-Editor/Liquid-Glass-Effect.md

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
---
22
layout: post
3-
title: Cupertino Theme on .NET MAUI RichTextEditor control | Syncfusion®
3+
title: Liquid Glass Effect on .NET MAUI RichTextEditor control | Syncfusion®
44
description: Learn here all about how to enable cupertino theme for Syncfusion® .NET MAUI Rich Text Editor (SfRichTextEditor) control, its elements and more.
55
platform: maui
66
control: SfRichTextEditor
77
documentation: ug
88
---
99

10-
# Cupertino Theme in .NET MAUI RichTextEditor
10+
# Liquid Glass Effect in .NET MAUI RichTextEditor
1111

12-
The Cupertino theme is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners, refined color palettes, and sophisticated visual treatments that create a polished, professional look for your RichTextEditor.
12+
The Liquid Glass Effect is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners, refined color palettes, and sophisticated visual treatments that create a polished, professional look for your RichTextEditor.
1313

14-
N> The Cupertino liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
14+
N> The liquid glass effect is only available on macOS and iOS platforms with iOS version 26 or higher.
1515

1616
## How it Enhances RichTextEditor UI on macOS and iOS
1717

18-
The Cupertino theme enhances the RichTextEditor with liquid glass effects on toolbar and editor elements, creating a modern and visually appealing text editing interface that delivers a sophisticated user experience.
18+
The Liquid Glass Effect enhances the RichTextEditor with liquid glass effects on toolbar and editor elements, creating a modern and visually appealing text editing interface that delivers a sophisticated user experience.
1919

20-
## Enable Cupertino Theme
20+
## Apply Liquid Glass Effect to SfRichTextEditor
2121

2222
To enable the Cupertino theme's liquid glass effect, set the [EnableLiquidGlassEffect]() property to `True` on the SfRichTextEditor. For optimal visual appearance with a sleek and glassy output, set transparent backgrounds for both the editor and toolbar using the [EditorBackgroundColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.SfRichTextEditor.html#Syncfusion_Maui_RichTextEditor_SfRichTextEditor_EditorBackgroundColor) property of SfRichTextEditor and the [BackgroundColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RichTextEditor.RichTextEditorToolbarSettings.html#Syncfusion_Maui_RichTextEditor_RichTextEditorToolbarSettings_BackgroundColor) property of ToolbarSettings.
2323

@@ -114,8 +114,13 @@ The editor corner radius can be customized using the Syncfusion theme key:
114114

115115
{% endtabs %}
116116

117-
N> `SfRichTextEditorCornerRadius` theme key works with the liquid glass effect on iOS and macOS only.
117+
### Best Practices and Tips
118+
119+
- To override the default appearance of the toolbar and the editor’s corner radius, you need to initialize the Syncfusion theme dictionary resources in the application’s resource dictionary. For more details, refer to the [documentation](https://help.syncfusion.com/maui/themes/themes).
120+
- `SfRichTextEditorToolbarCornerRadius` theme key used to customize the corner radius of the toolbar.
121+
- `SfRichTextEditorToolbarSelectionCornerRadius` theme key used to customize the corner radius of selected toolbar item.
122+
- `SfRichTextEditorCornerRadius` theme key used the customize the corner radius of SfRichTextEditor.
118123

119-
N> To override the default appearance of the toolbar and the editor’s corner radius, you need to initialize the Syncfusion theme dictionary resources in the application’s resource dictionary. For more details, refer to the [documentation](https://help.syncfusion.com/maui/themes/themes).
124+
N> `SfRichTextEditorCornerRadius` theme key works with the liquid glass effect on iOS and macOS only.
120125

121126

0 commit comments

Comments
 (0)