You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI Combo Box (SfComboBox) control.
3
+
title: Liquid Glass Effect for .NET MAUI ComboBox | Syncfusion®
4
+
description: Learn how to enable and customize the Liquid Glass Effect in the Syncfusion® .NET MAUI ComboBox (SfComboBox) control.
5
5
platform: MAUI
6
6
control: SfComboBox
7
7
documentation: ug
8
8
---
9
9
10
-
# Liquid Glass Effect in .NET MAUI Combo Box (SfComboBox)
10
+
# Liquid Glass Effect in .NET MAUI ComboBox (SfComboBox)
11
11
12
-
The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI Combo Box (SfComboBox) control.
12
+
The Liquid Glass Effect introduces a modern, translucent design with adaptive color tinting and light refraction, creating a sleek, glass like user experience that remains clear and accessible. This section explains how to enable and customize the effect in the Syncfusion® .NET MAUI ComboBox (SfComboBox) control.
13
13
14
14
## Apply liquid glass effect
15
15
16
-
Follow these steps to enable and configure the Liquid Glass Effect in the Combo Box control:
16
+
Follow these steps to enable and configure the Liquid Glass Effect in the ComboBox control:
17
17
18
18
### Step 1: Wrap the control inside glass effect view
19
19
20
-
To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `Combo Box` control, wrap the control inside the `SfGlassEffectView` class.
20
+
To apply the Liquid Glass Effect to Syncfusion® .NET MAUI `ComboBox` control, wrap the control inside the `SfGlassEffectView` class.
21
21
22
22
For more details, refer to the `Liquid Glass Getting Started documentation`.
23
23
24
-
### Step 2: Enable the liquid glass effect on Combo Box
24
+
### Step 2: Enable the liquid glass effect on ComboBox
25
25
26
26
Set the `EnableLiquidGlassEffect` property to `true` in the `SfComboBox` 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.
27
27
28
28
### Step 3: Customize the background
29
29
30
-
To achieve a glass like background in the Combo Box, set the `Background` and `DropDownBackground` property to `Transparent`. The background will then be treated as a tinted color, ensuring a consistent glass effect across the controls.
30
+
To achieve a glass like background in the ComboBox, set the `Background` and `DropDownBackground` property to `Transparent`. The background will then be treated as a tinted color, ensuring a consistent glass effect across the controls.
31
31
32
32
The following code snippet demonstrates how to apply the Liquid Glass Effect to the `SfComboBox` control:
33
33
@@ -71,7 +71,7 @@ using Syncfusion.Maui.Inputs;
71
71
CornerRadius = 20
72
72
};
73
73
74
-
ComboBox = new SfComboBox
74
+
var ComboBox = new SfComboBox
75
75
{
76
76
Background = Colors.Transparent,
77
77
DropDownBackground = Colors.Transparent,
@@ -89,7 +89,7 @@ using Syncfusion.Maui.Inputs;
89
89
90
90
The following screenshot illustrates SfComboBox within an acrylic container, with the dropdown using the glass effect.
91
91
92
-

92
+

93
93
94
94
N>
95
95
This feature is supported only on .NET 10 along with iOS 26 and macOS 26
Copy file name to clipboardExpand all lines: MAUI/NumericEntry/LiquidGlassSupport.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -23,7 +23,7 @@ For more details, refer to the `Liquid Glass Getting Started documentation`.
23
23
24
24
### Step 2: Customize the background
25
25
26
-
To achieve a glass like background in the MaskedEntry, set the `Background`and `DropDownBackground`property to `Transparent`. The background will then be treated as a tinted color, ensuring a consistent glass effect across the controls.
26
+
To achieve a glass like background in the MaskedEntry, set the `Background` property to `Transparent`. The background will then be treated as a tinted color, ensuring a consistent glass effect across the controls.
27
27
28
28
The following code snippet demonstrates how to apply the Liquid Glass Effect to the `SfMaskedEntry` control:
0 commit comments