diff --git a/MAUI/Liquid-Glass-UI/glassy-controls.md b/MAUI/Liquid-Glass-UI/glassy-controls.md index d4e24224a..2f7ee9870 100644 --- a/MAUI/Liquid-Glass-UI/glassy-controls.md +++ b/MAUI/Liquid-Glass-UI/glassy-controls.md @@ -12,13 +12,15 @@ documentation: UG The **Liquid Glass visual effect** brings a modern, frosted-glass aesthetic to your .NET MAUI applications, adding depth and elegance to your UI. Syncfusion® controls make it easy to enable and customize this effect, ensuring clarity, accessibility, and smooth performance across platforms. For detailed usage guidelines, customization options, and code examples, refer to the documentation for each control: - + +* [SfAIAssistView](https://help.syncfusion.com/maui/aiassistview/liquid-glass-effect) * [SfAutocomplete](https://help.syncfusion.com/maui/autocomplete/liquidglasssupport) * [SfBackdropPage](https://help.syncfusion.com/maui/backdrop/liquid-glass-effect) * [SfButton](https://help.syncfusion.com/maui/button/liquidglasssupport) * [SfCards](https://help.syncfusion.com/maui/cards/liquid-glass-effect) * [SfCalendar](https://help.syncfusion.com/maui/calendar/liquid-glass-effect) * [SfCartesianChart](https://help.syncfusion.com/maui/cartesian-charts/liquid-glass-effect) +* [SfChat](https://help.syncfusion.com/maui/chat/liquid-glass-effect) * [SfChips](https://help.syncfusion.com/maui/chips/liquidglasssupport) * [SfCircularChart](https://help.syncfusion.com/maui/circular-charts/liquid-glass-effect) * [SfColorPicker](https://help.syncfusion.com/maui/colorpicker/liquidglasssupport) @@ -32,11 +34,13 @@ For detailed usage guidelines, customization options, and code examples, refer t * [SfImageEditor](https://help.syncfusion.com/maui/imageeditor/liquid-glass-effect) * [SfKanban](https://help.syncfusion.com/maui/kanban-board/liquid-glass-effect) * [SfLinearProgressBar](https://help.syncfusion.com/maui/linearprogressbar/liquid-glass-effect) +* [SfListView](https://help.syncfusion.com/maui/listview/liquid-glass-effect) * [SfMaskedEntry](https://help.syncfusion.com/maui/masked-entry/liquidglasssupport) * [SfNavigationDrawer](https://help.syncfusion.com/maui/navigationdrawer/liquidglasssupport) * [SfNumericEntry](https://help.syncfusion.com/maui/numericentry/liquidglasssupport) * [SfPicker](https://help.syncfusion.com/maui/picker/liquid-glass-effect) * [SfPolarChart](https://help.syncfusion.com/maui/polar-charts/liquid-glass-effect) +* [SfPopup](https://help.syncfusion.com/maui/popup/liquid-glass-effect) * [SfPyramidChart](https://help.syncfusion.com/maui/pyramid-charts/liquid-glass-effect) * [SfRadialMenu](https://help.syncfusion.com/maui/radial-menu/liquidglasssupport) * [SfRangeSelector](https://help.syncfusion.com/maui/range-selector/liquidglasssupport) @@ -50,5 +54,6 @@ For detailed usage guidelines, customization options, and code examples, refer t * [SfTabView](https://help.syncfusion.com/maui/tabview/liquidglasssupport) * [SfToolbar](https://help.syncfusion.com/maui/toolbar/liquid-glass-effect) * [SfTimePicker](https://help.syncfusion.com/maui/timepicker/liquid-glass-effect) +* [SfTreeView](https://help.syncfusion.com/maui/treeview/liquid-glass-effect) N> View sample in [GitHub](https://github.com/syncfusion/maui-demos/tree/master/MAUI/LiquidGlass). \ No newline at end of file diff --git a/MAUI/ListView/liquid-glass-effect.md b/MAUI/ListView/liquid-glass-effect.md index 8c37af000..6f84f5682 100644 --- a/MAUI/ListView/liquid-glass-effect.md +++ b/MAUI/ListView/liquid-glass-effect.md @@ -17,18 +17,19 @@ Follow these steps to enable and configure the Liquid Glass Effect in the ListVi ### Step 1: Wrap the control inside glass effect view -To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `ListView` control, wrap the control inside the `SfGlassEffectView` class. +To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `ListView` control, wrap the control inside the [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) class. -For more details, refer to the `Liquid Glass Getting Started documentation`. +For more details, refer to the [Liquid Glass Getting Started documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started). ### Step 2: Enable the liquid glass effect on ListView -Set the `EnableLiquidGlassEffect` property to `true` in the `SfListView` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to its dependent controls and provides responsive interaction for a smooth and engaging user experience. +Set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ListView.SfListView.html#Syncfusion_Maui_ListView_SfListView_EnableLiquidGlassEffect) property to `true` in the `SfListView` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to its dependent controls and provides responsive interaction for a smooth and engaging user experience. The following code snippet demonstrates how to apply the Liquid Glass Effect to the `SfListView` control: {% tabs %} -{% highlight xaml tabtitle="MainPage.xaml" hl_lines="4" %} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="5" %} + {% endhighlight %} -{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="18" %} - +{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="19" %} using Microsoft.Maui.Controls; using Syncfusion.Maui.Core; diff --git a/MAUI/Popup/liquid-glass-effect.md b/MAUI/Popup/liquid-glass-effect.md index d21b27302..8a98e8284 100644 --- a/MAUI/Popup/liquid-glass-effect.md +++ b/MAUI/Popup/liquid-glass-effect.md @@ -17,7 +17,7 @@ Follow these steps to enable and configure the Liquid Glass Effect in the Popup ### Step 1: Enable the liquid glass effect on Popup -Set the `EnableLiquidGlassEffect` property to `true` in the `SfPopup` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to popup view and dependent controls, it provides responsive interaction for a smooth and engaging user experience. +Set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_EnableLiquidGlassEffect) property to `true` in the `SfPopup` control to apply the Liquid Glass Effect. When enabled, the effect is also applied to popup view and dependent controls, it provides responsive interaction for a smooth and engaging user experience. ### Step 2: Customize the background