Merge pull request #3913 from syncfusion-content/ContextUG

UG 998833 : Modified the content for Liquid glass UG - Development

Author: naveenkumar-sanjeevirayan

MAUI/ColorPicker/LiquidGlassSupport.md

@@ -9,16 +9,14 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI ColorPicker:
 
-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.
+The [SfColorPicker](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Inputs.SfColorPicker.html) supports a `liquid glass` effect (also called acrylic or glass morphism) 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.
 
 ## Availability
 
 1.  Supported on .NET 10 or greater.
 2.  Supported on mac or iOS 26 or greater.
 3.  On platforms/versions below these requirements, the glass effect is not applied and the color picker render with the standard appearance.
 
-XAML example The color picker's glass effect appears only while it is in active state.
-
 {% tabs %}
 {% highlight xaml %}
 
@@ -27,7 +25,6 @@ XAML example The color picker's glass effect appears only while it is in active
         <Image Source="wallpaper.jpg" Aspect="AspectFill" />
         <colorPicker:SfColorPicker  EnableLiquidGlassEffect="True" />
     </Grid>
-</ContentPage>
 
 {% endhighlight %}
 {% highlight c# %}
@@ -42,9 +39,7 @@ SfColorPicker colorPicker = new SfColorPicker
 
 ## Behavior and tips
 
-- The glass effect is applied to the color picker only during active interactions; at rest, the color picker uses the standard look.
+- The glass effect is applied to the color picker at render time and during user interaction.
 - Place the color picker over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
-- For an enhanced UI, set `SliderThumbStroke="Transparent"` at the sample level for the color picker.
-
-N> The glass effect is applied to the color picker only while it is in active state.
+- For an enhanced UI, set `SliderThumbStroke="Transparent"` and `SliderThumbFill="White"` at the sample level for the color picker.

MAUI/NavigationDrawer/LiquidGlassSupport.md

@@ -10,16 +10,14 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI NavigationDrawer:
 
-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.
+The [SfNavigationDrawer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html) supports a `liquid glass` effect (also called acrylic or glass morphism) 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.
 
 ## Availability
 
 1.  Supported on .NET 10 or greater.
 2.  Supported on mac or iOS 26 or greater.
 3.  On platforms/versions below these requirements, the glass effect is not applied and the navigation drawer render with the standard appearance.
 
-XAML example The navigation drawer's glass effect appears only while it is in active state.
-
 {% tabs %}
 {% highlight xaml %}
 
@@ -42,9 +40,9 @@ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
 
 ## Behavior and tips
 
-- The glass effect is applied to the navigation drawer only during active interactions; at rest, the navigation drawer uses the standard look.
+- The glass effect is applied to the navigation drawer at render time and during user interaction.
 - Place the navigation drawer over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
-- For an enhanced UI, set `ContentBackground="Transparent"` for the `SfNavigationDrawer` and `Background="Transparent"` at the sample level for the content view.
+- For an enhanced UI, set `ContentBackground="Transparent"` for the `DrawerSettings` and `Background="Transparent"` for the `ContentView` at the sample .
 
-N> The glass effect is applied to the navigation drawer only while it is in active state.
+N> The liquid glass support is only applicable for slide-on mode.

MAUI/Radial-Menu/LiquidGlassSupport.md

@@ -9,16 +9,14 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI RadialMenu:
 
-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.
+The [SfRadialMenu](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.RadialMenu.html) supports a `liquid glass` effect (also called acrylic or glass morphism) 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.
 
 ## Availability
 
 1.  Supported on .NET 10 or greater.
 2.  Supported on mac or iOS 26 or greater.
 3.  On platforms/versions below these requirements, the glass effect is not applied and the radial menu render with the standard appearance.
 
-XAML example The radial menu's glass effect appears only while it is in active state.
-
 {% tabs %}
 {% highlight xaml %}
 
@@ -41,8 +39,7 @@ SfRadialMenu radialMenu = new SfRadialMenu
 
 ## Behavior and tips
 
-- The glass effect is applied to the radial menu only during active interactions; at rest, the radial menu uses the standard look.
+- The glass effect is applied to the radial menu at render time and during user interaction.
 - Place the radial menu over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 
-N> The glass effect is applied to the radial menu only while it is in active state.

MAUI/Switch/LiquidGlassSupport.md

@@ -9,16 +9,14 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI Switch:
 
-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.
+The [SfSwitch](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSwitch.html) control supports a glass effect (also called acrylic or glass morphism) 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.
 
 ## Availability
 
 1.  Supported on .NET 10 or greater.
 2.  Supported on mac or iOS 26 or greater.
 3.  On platforms/versions below these requirements, the glass effect is not applied and the switch render with the standard appearance.
 
-XAML example The switch's glass effect appears only while it is in active state.
-
 {% tabs %}
 {% highlight xaml %}
 
@@ -41,8 +39,7 @@ SfSwitch aSwitch = new SfSwitch
 
 ## Behavior and tips
 
-- The glass effect is applied to the switch only during active interactions; at rest, the switch uses the standard look.
+- The glass effect is applied to the switch at render time and during user interaction.
 - Place the switch over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 
-N> The glass effect is applied to the switch only while it is in active state.

MAUI/TabView/LiquidGlassSupport.md

@@ -9,16 +9,14 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI TabView:
 
-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.
+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 glass morphism) 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.
 
 ## Availability
 
 1.  Supported on .NET 10 or greater.
 2.  Supported on mac or iOS 26 or greater.
 3.  On platforms/versions below these requirements, the glass effect is not applied and the Tab View  render with the standard appearance.
 
-XAML example The Tab View's glass effect appears only while it is in active state.
-
 {% tabs %}
 {% highlight xaml hl_lines="49 52" %}
 
@@ -41,8 +39,7 @@ SfTabView tabView = new SfTabView
 
 ## Behavior and tips
 
-- The glass effect is applied to the Tab View  only during active interactions; at rest, the Tab View  uses the standard look.
+- The glass effect is applied to the Tab View  at render time and during user interaction.
 - Place the Tab View  over visually rich content (images, gradients, or color blocks) to better showcase the transient glass effect.
 - Visual output and performance may vary by device/platform; keep backgrounds moderately detailed to maintain clarity during interaction.
 
-N> The glass effect is applied to the Tab View  only while it is in active state.