Merge pull request #3920 from syncfusion-content/ContextUG

Added gif files

Author: naveenkumar-sanjeevirayan

MAUI/ColorPicker/Images/LiquidGlass/liquid-glass.gif

@@ -11,11 +11,9 @@ documentation: ug
 
 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.
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
 
 {% tabs %}
 {% highlight xaml %}
@@ -43,3 +41,7 @@ SfColorPicker colorPicker = new SfColorPicker
 - 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"` and `SliderThumbFill="White"` at the sample level for the color picker.
+
+The following GIF demonstrates the liquid glass effect of Color Picker
+
+![Liquid Glass](images/LiquidGlass/liquid-glass.gif)

MAUI/ColorPicker/LiquidGlassSupport.md

@@ -12,11 +12,9 @@ documentation: ug
 
 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.
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
 
 {% tabs %}
 {% highlight xaml %}
@@ -45,4 +43,8 @@ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
 - 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 `DrawerSettings` and `Background="Transparent"` for the `ContentView` at the sample .
 
+The following GIF demonstrates the liquid glass effect of Navigation Drawer
+
+![Liquid Glass](images/LiquidGlass/liquid-glass.gif)
+
 N> The liquid glass support is only applicable for slide-on mode.

MAUI/NavigationDrawer/Images/LiquidGlass/liquid-glass.gif

@@ -11,11 +11,9 @@ documentation: ug
 
 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.
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
 
 {% tabs %}
 {% highlight xaml %}
@@ -43,3 +41,6 @@ SfRadialMenu radialMenu = new SfRadialMenu
 - 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.
 
+The following image demonstrates the liquid glass effect of Radial Menu
+
+![Liquid Glass](images/LiquidGlass/liquid-glass.png)

MAUI/NavigationDrawer/LiquidGlassSupport.md

@@ -11,11 +11,9 @@ documentation: ug
 
 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.
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
 
 {% tabs %}
 {% highlight xaml %}
@@ -43,3 +41,6 @@ SfSwitch aSwitch = new SfSwitch
 - 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.
 
+The following GIF demonstrates the liquid glass effect of Switch
+
+![Liquid Glass](images/LiquidGlass/liquid-glass.gif)

MAUI/Radial-Menu/LiquidGlassSupport.md

@@ -11,11 +11,9 @@ documentation: ug
 
 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.
+N>
+* Supported on `macOS 26 or higher` and `iOS 26 or higher`.
+* This feature is available only in `.NET 10.`
 
 {% tabs %}
 {% highlight xaml hl_lines="49 52" %}
@@ -43,3 +41,6 @@ SfTabView tabView = new SfTabView
 - 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.
 
+The following GIF demonstrates the liquid glass effect of TabView
+
+![Liquid Glass](images/liquid-glass.gif)