Merge pull request #3935 from syncfusion-content/ContextUG

Modified the liquid glass UG content for core controls - Development

Author: naveenkumar-sanjeevirayan

MAUI/ColorPicker/LiquidGlassSupport.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI ColorPicker:
 
-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.
+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.
 
 N>
 * Supported on `macOS 26 or higher` and `iOS 26 or higher`.
@@ -37,10 +37,10 @@ SfColorPicker colorPicker = new SfColorPicker
 
 ## Behavior and tips
 
-- 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.
+- 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"` and `SliderThumbFill="White"` at the sample level for the color picker.
+- 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
 

MAUI/NavigationDrawer/LiquidGlassSupport.md

@@ -10,7 +10,7 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI NavigationDrawer:
 
-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.
+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.
 
 N>
 * Supported on `macOS 26 or higher` and `iOS 26 or higher`.
@@ -38,8 +38,8 @@ SfNavigationDrawer navigationDrawer = new SfNavigationDrawer
 
 ## Behavior and tips
 
-- 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.
+- 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 `DrawerSettings` and `Background="Transparent"` for the `ContentView` at the sample .
 

MAUI/NavigationDrawer/Multi-Drawer.md

@@ -93,7 +93,7 @@ Implement the secondary drawer using the SecondaryDrawerSettings property in SfN
 
 N> When the primary drawer and the secondary drawer are set to the same position, the primary drawer will open on swiping.
 
-## Toggling method
+### Toggling method
 
 Users can toggle the secondary drawer using the `ToggleSecondaryDrawer` method. 
 

MAUI/NavigationDrawer/Toggling-Drawer.md

@@ -17,23 +17,29 @@ The drawer in the SfNavigationDrawer can be toggled using the following methods:
 
 ## Opening drawer programmatically
 
-The [IsOpen](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_IsOpen) property and [ToggleDrawer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_ToggleDrawer) method enable programmatically opening or closing the drawer.
+The `IsOpen` property and [ToggleDrawer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_ToggleDrawer) method enable programmatically opening or closing the drawer.
 
 {% tabs %}
 
 {% highlight xaml %}
 
-<navigationdrawer:SfNavigationDrawer x:Name="navigationDrawer" IsOpen="True">
-</navigationdrawer:SfNavigationDrawer>
+ <navigationDrawer:SfNavigationDrawer>
+        <navigationDrawer:SfNavigationDrawer.DrawerSettings>
+            <navigationDrawer:DrawerSettings IsOpen="True">
+            </navigationDrawer:DrawerSettings>
+        </navigationDrawer:SfNavigationDrawer.DrawerSettings>
+</navigationDrawer:SfNavigationDrawer>
+
 
 {% endhighlight %}	
 
 {% highlight c# %} 
 
-SfNavigationDrawer navigationDrawer = new SfNavigationDrawer()
-{
-    IsOpen = true,
-};
+    SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
+    DrawerSettings primaryDrawer = new DrawerSettings();
+    primaryDrawer.IsOpen = true;
+    navigationDrawer.DrawerSettings = primaryDrawer;
+    this.Content = navigationDrawer;
 
 {% endhighlight %}
 

MAUI/Radial-Menu/LiquidGlassSupport.md

@@ -37,8 +37,8 @@ SfRadialMenu radialMenu = new SfRadialMenu
 
 ## Behavior and tips
 
-- 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.
+- 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.
 
 The following image demonstrates the liquid glass effect of Radial Menu

MAUI/Switch/LiquidGlassSupport.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Liquid Glass Support for .NET MAUI Switch:
 
-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.
+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.
 
 N>
 * Supported on `macOS 26 or higher` and `iOS 26 or higher`.
@@ -27,7 +27,7 @@ N>
 {% endhighlight %}
 {% highlight c# %}
 
-SfSwitch aSwitch = new SfSwitch
+SfSwitch Switch = new SfSwitch
 {
     EnableLiquidGlassEffect = true
 };
@@ -37,8 +37,8 @@ SfSwitch aSwitch = new SfSwitch
 
 ## Behavior and tips
 
-- 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.
+- 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.
 
 The following GIF demonstrates the liquid glass effect of Switch

MAUI/TabView/LiquidGlassSupport.md

@@ -41,6 +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
+The following GIF demonstrates the liquid glass effect of Tab View
 
 ![Liquid Glass](images/liquid-glass.gif)