Skip to content

Commit 85f9436

Browse files
committed
Merge branch '997111-UG-Content-for-IE-Controls' of https://github.com/syncfusion-content/maui-docs into 997111-UG-Content-for-IE-Controls
2 parents 005dad2 + 8ba9996 commit 85f9436

File tree

3 files changed

+9
-372
lines changed

3 files changed

+9
-372
lines changed

MAUI/ImageEditor/liquid-glass-effect.md

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Liquid Glass Support for .NET MAUI Image Editor | Syncfusion®
3+
title: Liquid Glass Effect for .NET MAUI Image Editor | Syncfusion®
44
description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI Image Editor (SfImageEditor) control.
55
platform: MAUI
66
control: SfImageEditor
77
documentation: ug
88
---
99

10-
# Liquid glass effect
10+
# Liquid Glass Effect
1111

1212
The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI Image Editor (SfImageEditor) control.
1313

@@ -19,19 +19,17 @@ Follow these steps to enable and configure the Liquid Glass Effect in the Image
1919

2020
To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `ImageEditor` control, wrap the control inside the `SfGlassEffectView` class.
2121

22-
For more details, refer to the Liquid Glass Getting Started documentation.
22+
For more details, refer to the [Liquid Glass Getting Started documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started).
2323

2424
### Step 2: Enable the liquid glass effect on Image Editor
2525

2626
Set the `EnableLiquidGlassEffect` property to `true` in the `SfImageEditor` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to its dependent controls and provides responsive interaction for a smooth and engaging user experience.
2727

2828
### Step 3: Customize the background
2929

30-
To achieve a glass like background in the Image Editor and its Toolbar, set the `Background` property to `Transparent`.
30+
To achieve a glass like background in the Image Editor and its Toolbar, set the `Background` property to `Transparent`. The background will then be treated as a tinted color, ensuring a consistent glass effect across the controls.
3131

32-
The background will then be treated as a tinted color, ensuring a consistent glass effect across the control.
33-
34-
The following code snippet demonstrates how to apply the Liquid Glass Effect to the SfImageEditor control:
32+
The following code snippet demonstrates how to apply the Liquid Glass Effect to the `SfImageEditor` control:
3533

3634
{% tabs %}
3735
{% highlight xaml tabtitle="MainPage.xaml" hl_lines="14 15 16 21" %}
@@ -66,7 +64,7 @@ The following code snippet demonstrates how to apply the Liquid Glass Effect to
6664
</Grid>
6765

6866
{% endhighlight %}
69-
{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="4 6 7 8 11" %}
67+
{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="4 6 7 8 9 11" %}
7068

7169
using Syncfusion.Maui.Core;
7270
using Syncfusion.Maui.ImageEditor;
@@ -103,6 +101,6 @@ this.Content = grid;
103101
{% endhighlight %}
104102
{% endtabs %}
105103

106-
Note>
107-
* Supported on macOS 26 or higher and iOS 16 or higher.
108-
* This feature is available only in .NET 10.
104+
N>
105+
* Supported on `macOS 26 or higher` and `iOS 16 or higher`.
106+
* This feature is available only in `.NET 10.`

0 commit comments

Comments
 (0)