Skip to content

Commit f7c8746

Browse files
Modified the content for Liquid glass UG
1 parent 7259a91 commit f7c8746

File tree

5 files changed

+16
-21
lines changed

5 files changed

+16
-21
lines changed

MAUI/ColorPicker/LiquidGlassSupport.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ 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 only while the color picker is in active state, 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) 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.
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 only while it is in active state.
20+
XAML example The color picker's glass effect appears at render time and during user interaction.
2121

2222
{% tabs %}
2323
{% highlight xaml %}
@@ -42,9 +42,7 @@ SfColorPicker colorPicker = new SfColorPicker
4242

4343
## Behavior and tips
4444

45-
- The glass effect is applied to the color picker only during active interactions; at rest, the color picker uses the standard look.
45+
- The glass effect is applied to the color picker at render time and during user interaction.
4646
- Place the color picker over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4747
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
4848
- For an enhanced UI, set `SliderThumbStroke="Transparent"` at the sample level for the color picker.
49-
50-
N> The glass effect is applied to the color picker only while it is in active state.

MAUI/NavigationDrawer/LiquidGlassSupport.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@ 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 only while the navigation drawer is in active state, 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) 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.
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 only while it is in active state.
21+
XAML example The navigation drawer's glass effect appears at render time and during user interaction.
2222

2323
{% tabs %}
2424
{% highlight xaml %}
@@ -42,9 +42,9 @@ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
4242

4343
## Behavior and tips
4444

45-
- The glass effect is applied to the navigation drawer only during active interactions; at rest, the navigation drawer uses the standard look.
45+
- The glass effect is applied to the navigation drawer at render time and during user interaction.
4646
- Place the navigation drawer over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4747
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
4848
- For an enhanced UI, set `ContentBackground="Transparent"` for the `SfNavigationDrawer` and `Background="Transparent"` at the sample level for the content view.
4949

50-
N> The glass effect is applied to the navigation drawer only while it is in active state.
50+

MAUI/Radial-Menu/LiquidGlassSupport.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ 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 only while the radial menu is in active state, 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) 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.
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 only while it is in active state.
20+
XAML example The radial menu's glass effect appears at render time and during user interaction.
2121

2222
{% tabs %}
2323
{% highlight xaml %}
@@ -41,8 +41,7 @@ SfRadialMenu radialMenu = new SfRadialMenu
4141

4242
## Behavior and tips
4343

44-
- The glass effect is applied to the radial menu only during active interactions; at rest, the radial menu uses the standard look.
44+
- The glass effect is applied to the radial menu at render time and during user interaction.
4545
- Place the radial menu over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4646
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
4747

48-
N> The glass effect is applied to the radial menu only while it is in active state.

MAUI/Switch/LiquidGlassSupport.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ 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 only while the switch is in active state, 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) 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.
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 only while it is in active state.
20+
XAML example The switch's glass effect appears at render time and during user interaction.
2121

2222
{% tabs %}
2323
{% highlight xaml %}
@@ -41,8 +41,7 @@ SfSwitch aSwitch = new SfSwitch
4141

4242
## Behavior and tips
4343

44-
- The glass effect is applied to the switch only during active interactions; at rest, the switch uses the standard look.
44+
- The glass effect is applied to the switch at render time and during user interaction.
4545
- Place the switch over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4646
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
4747

48-
N> The glass effect is applied to the switch only while it is in active state.

MAUI/TabView/LiquidGlassSupport.md

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ 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 only while the Tab View is in active state, 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) 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.
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 only while it is in active state.
20+
XAML example The Tab View's glass effect appears at render time and during user interaction.
2121

2222
{% tabs %}
2323
{% highlight xaml hl_lines="49 52" %}
@@ -41,8 +41,7 @@ SfTabView tabView = new SfTabView
4141

4242
## Behavior and tips
4343

44-
- The glass effect is applied to the Tab View only during active interactions; at rest, the Tab View uses the standard look.
44+
- The glass effect is applied to the Tab View at render time and during user interaction.
4545
- Place the Tab View over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
4646
- Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
4747

48-
N> The glass effect is applied to the Tab View only while it is in active state.

0 commit comments

Comments
 (0)