Skip to content

Commit 4300ce3

Browse files
Resolved the feedback
1 parent dee76b6 commit 4300ce3

File tree

5 files changed

+8
-19
lines changed

5 files changed

+8
-19
lines changed

MAUI/ColorPicker/LiquidGlassSupport.md

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,14 @@ documentation: ug
99

1010
# Liquid Glass Support for .NET MAUI ColorPicker:
1111

12-
The [SfColorPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfColorPicker.html) provides `liquid glass` (acrylic/glass morphism) effect for its color picker when `EnableLiquidGlassEffect` is enabled. The frosted, translucent effect is applied at render time and during user interaction, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the color picker's appearance at rest, and works well over images or colorful layouts.
12+
The [SfColorPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfColorPicker.html) supports a `liquid glass` effect (also called acrylic or glassmorphism) when you enable the `EnableLiquidGlassEffect`. This feature adds a frosted, translucent style that blends with the background, giving the color picker a modern and elegant look. It works best over images or colorful layouts and provides smooth visual feedback during interaction.
1313

1414
## Availability
1515

1616
1. Supported on .NET 10 or greater.
1717
2. Supported on mac or iOS 26 or greater.
1818
3. On platforms/versions below these requirements, the glass effect is not applied and the color picker render with the standard appearance.
1919

20-
XAML example The color picker's glass effect appears at render time and during user interaction.
21-
2220
{% tabs %}
2321
{% highlight xaml %}
2422

@@ -27,7 +25,6 @@ XAML example The color picker's glass effect appears at render time and during u
2725
<Image Source="wallpaper.jpg" Aspect="AspectFill" />
2826
<colorPicker:SfColorPicker EnableLiquidGlassEffect="True" />
2927
</Grid>
30-
</ContentPage>
3128

3229
{% endhighlight %}
3330
{% highlight c# %}
@@ -45,4 +42,4 @@ SfColorPicker colorPicker = new SfColorPicker
4542
- The glass effect is applied to the color picker at render time and during user interaction.
4643
- Place the color picker over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4744
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
48-
- For an enhanced UI, set `SliderThumbStroke="Transparent"` at the sample level for the color picker.
45+
- For an enhanced UI, set `SliderThumbStroke="Transparent"` and `SliderThumbFill="White"` at the sample level for the color picker.

MAUI/NavigationDrawer/LiquidGlassSupport.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,16 +10,14 @@ documentation: ug
1010

1111
# Liquid Glass Support for .NET MAUI NavigationDrawer:
1212

13-
The [SfNavigationDrawer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html) provides `liquid glass` (acrylic/glass morphism) effect for its navigation drawer when `EnableLiquidGlassEffect` is enabled. The frosted, translucent effect is applied at render time and during user interaction, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the navigation drawer's appearance at rest, and works well over images or colorful layouts.
13+
The [SfNavigationDrawer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html) supports a `liquid glass` effect (also called acrylic or glassmorphism) when you enable the `EnableLiquidGlassEffect`. This feature adds a frosted, translucent style that blends with the background, giving the navigation drawer a modern and elegant look.
1414

1515
## Availability
1616

1717
1. Supported on .NET 10 or greater.
1818
2. Supported on mac or iOS 26 or greater.
1919
3. On platforms/versions below these requirements, the glass effect is not applied and the navigation drawer render with the standard appearance.
2020

21-
XAML example The navigation drawer's glass effect appears at render time and during user interaction.
22-
2321
{% tabs %}
2422
{% highlight xaml %}
2523

@@ -45,6 +43,6 @@ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
4543
- The glass effect is applied to the navigation drawer at render time and during user interaction.
4644
- Place the navigation drawer over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4745
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
48-
- For an enhanced UI, set `ContentBackground="Transparent"` for the `SfNavigationDrawer` and `Background="Transparent"` at the sample level for the content view.
49-
46+
- For an enhanced UI, set `ContentBackground="Transparent"` for the `DrawerSettings` and `Background="Transparent"` for the `ContentView` at the sample .
5047

48+
N> The liquid glass support is only applicable for slide-on mode.

MAUI/Radial-Menu/LiquidGlassSupport.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,14 @@ documentation: ug
99

1010
# Liquid Glass Support for .NET MAUI RadialMenu:
1111

12-
The [SfRadialMenu](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RadialMenu.html) provides `liquid glass` (acrylic/glass morphism) effect for its radial menu when `EnableLiquidGlassEffect` is enabled. The frosted, translucent effect is applied at render time and during user interaction, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the radial menu's appearance at rest, and works well over images or colorful layouts.
12+
The [SfRadialMenu](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RadialMenu.html) supports a `liquid glass` effect (also called acrylic or glassmorphism) when you enable the `EnableLiquidGlassEffect`. This feature adds a frosted, translucent style that blends with the background, giving the menu a modern and elegant look. It works best over images or colorful layouts and provides smooth visual feedback during interaction.
1313

1414
## Availability
1515

1616
1. Supported on .NET 10 or greater.
1717
2. Supported on mac or iOS 26 or greater.
1818
3. On platforms/versions below these requirements, the glass effect is not applied and the radial menu render with the standard appearance.
1919

20-
XAML example The radial menu's glass effect appears at render time and during user interaction.
21-
2220
{% tabs %}
2321
{% highlight xaml %}
2422

MAUI/Switch/LiquidGlassSupport.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,14 @@ documentation: ug
99

1010
# Liquid Glass Support for .NET MAUI Switch:
1111

12-
The [SfSwitch](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSwitch.html) provides `liquid glass` (acrylic/glass morphism) effect for its switch when `EnableLiquidGlassEffect` is enabled. The frosted, translucent effect is applied at render time and during user interaction, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the switch's appearance at rest, and works well over images or colorful layouts.
12+
The [SfSwitch](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSwitch.html) control supports a glass effect (also called acrylic or glassmorphism) when you enable the `EnableLiquidGlassEffect` property. It works best over vibrant images or colorful layouts and enhances the visual depth of your UI. When toggled, the switch provides smooth transitions and clear visual feedback, making interactions feel polished and premium.
1313

1414
## Availability
1515

1616
1. Supported on .NET 10 or greater.
1717
2. Supported on mac or iOS 26 or greater.
1818
3. On platforms/versions below these requirements, the glass effect is not applied and the switch render with the standard appearance.
1919

20-
XAML example The switch's glass effect appears at render time and during user interaction.
21-
2220
{% tabs %}
2321
{% highlight xaml %}
2422

MAUI/TabView/LiquidGlassSupport.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,14 @@ documentation: ug
99

1010
# Liquid Glass Support for .NET MAUI TabView:
1111

12-
The [SfTabView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabView.html?tabs=tabid-1) provides `liquid glass` (acrylic/glass morphism) effect for its Tab View when `EnableLiquidGlassEffect` is enabled. The frosted, translucent effect is applied at render time and during user interaction, creating a subtle, responsive visual that blends with the content behind it. This enhances visual feedback without altering the Tab View's appearance at rest, and works well over images or colorful layouts.
12+
The [SfTabView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabView.html?tabs=tabid-1) supports a liquid glass effect (also called acrylic or glassmorphism) when you enable `EnableLiquidGlassEffect`. This feature applies a frosted, translucent style that blends seamlessly with the background, giving the Tab View a modern and elegant look. The effect is rendered dynamically during loading and user interaction, creating a subtle, responsive visual without changing the Tab View’s default structure. It works best over vibrant images or colorful layouts, enhancing depth and providing a stylish appearance to your application.
1313

1414
## Availability
1515

1616
1. Supported on .NET 10 or greater.
1717
2. Supported on mac or iOS 26 or greater.
1818
3. On platforms/versions below these requirements, the glass effect is not applied and the Tab View render with the standard appearance.
1919

20-
XAML example The Tab View's glass effect appears at render time and during user interaction.
21-
2220
{% tabs %}
2321
{% highlight xaml hl_lines="49 52" %}
2422

0 commit comments

Comments
 (0)