|
1 | 1 | --- |
2 | 2 | layout: post |
3 | | -title: Cupertino Theme on .NET MAUI RichTextEditor control | Syncfusion® |
| 3 | +title: Liquid Glass Effect on .NET MAUI RichTextEditor control | Syncfusion® |
4 | 4 | description: Learn here all about how to enable cupertino theme for Syncfusion® .NET MAUI Rich Text Editor (SfRichTextEditor) control, its elements and more. |
5 | 5 | platform: maui |
6 | 6 | control: SfRichTextEditor |
7 | 7 | documentation: ug |
8 | 8 | --- |
9 | 9 |
|
10 | | -# Cupertino Theme in .NET MAUI RichTextEditor |
| 10 | +# Liquid Glass Effect in .NET MAUI RichTextEditor |
11 | 11 |
|
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. |
13 | 13 |
|
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. |
15 | 15 |
|
16 | 16 | ## How it Enhances RichTextEditor UI on macOS and iOS |
17 | 17 |
|
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. |
19 | 19 |
|
20 | | -## Enable Cupertino Theme |
| 20 | +## Apply Liquid Glass Effect to SfRichTextEditor |
21 | 21 |
|
22 | 22 | 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. |
23 | 23 |
|
@@ -114,8 +114,13 @@ The editor corner radius can be customized using the Syncfusion theme key: |
114 | 114 |
|
115 | 115 | {% endtabs %} |
116 | 116 |
|
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. |
118 | 123 |
|
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. |
120 | 125 |
|
121 | 126 |
|
0 commit comments