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
The Liquid Glass Effect is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
14
14
15
-
N> The liquid glass effect is only available on macOS and iOS platforms with version 26 or higher.
15
+
N> The liquid glass effect is supported only on `.NET 10`and on `iOS` and `macOS` versions 26 or later
16
16
17
17
## How it Enhances Chart UI on macOS and iOS
18
18
19
19
The Liquid Glass Effect enhances chart interactivity with liquid glass effects on tooltips and trackballs, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
20
20
21
21
## Apply Liquid Glass Effect to SfCartesianChart
22
22
23
-
Wrap the SfCartesianChart inside an [SfGlassEffectsView]() to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectsView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips and trackballs, set the [EnableLiquidGlassEffect]() property of SfCartesianChart to `True`.
23
+
Wrap the SfCartesianChart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips and trackballs, set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_EnableLiquidGlassEffect) property of SfCartesianChart to `True`.
@@ -75,17 +76,12 @@ var glass = new SfGlassEffectsView
75
76
76
77
{% endtabs %}
77
78
78
-
### Key Properties
79
-
80
-
-[EffectType](): Chooses the visual style (Regular or Clear).
81
-
-[CornerRadius](): Rounds the container edges for a polished look.
82
-
-[EnableShadowEffect](): Adds a subtle drop shadow to enhance depth.
83
-
-[EnableLiquidGlassEffect](): Enables the glass effect for the chart's tooltip and trackballs.
79
+
For detailed guidance on SfGlassEffectView, refer to the Getting Started [documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started).
84
80
85
81
### Best Practices and Tips
86
82
87
-
- Host the chart inside an [SfGlassEffectsView]() to give the chart body a glass appearance.
83
+
- Host the chart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart body a glass appearance.
88
84
- Liquid glass effects are most visible over images or colorful backgrounds.
89
-
-Use EffectType="Regular" for a blurrier look and EffectType="Clear" for a crisper, glassy look.
85
+
-Set [EffectType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html#Syncfusion_Maui_Core_SfGlassEffectView_EffectType) property of SfGlassEffectView as `Regular` for a blurrier look and `Clear` for a crisper, glassy look.
90
86
- Tune CornerRadius and Padding to balance content density and visual polish.
91
87
- When using a custom template for tooltip and trackball using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate) and [TrackballLabelTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.CartesianSeries.html#Syncfusion_Maui_Charts_CartesianSeries_TrackballLabelTemplate), set the background to `Transparent` to display the liquid glass effect.
The Liquid Glass Effect is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
14
14
15
-
N> The liquid glass effect is only available on macOS and iOS platforms with version 26 or higher.
15
+
N> The liquid glass effect is supported only on `.NET 10`and on `iOS` and `macOS` versions 26 or later
16
16
17
17
## How it Enhances Chart UI on macOS and iOS
18
18
19
19
The Liquid Glass Effect enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
20
20
21
21
## Apply Liquid Glass Effect to SfCircularChart
22
22
23
-
Wrap the SfCircularChart inside an [SfGlassEffectsView]() to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectsView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips, set the [EnableLiquidGlassEffect]() property of SfCircularChart to `True`.
23
+
Wrap the SfCircularChart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips, set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_EnableLiquidGlassEffect) property of SfCircularChart to `True`.
@@ -39,7 +39,7 @@ Wrap the SfCircularChart inside an [SfGlassEffectsView]() to give the chart surf
39
39
XBindingPath="Category"
40
40
YBindingPath="Value" />
41
41
</chart:SfCircularChart>
42
-
</core:SfGlassEffectsView>
42
+
</core:SfGlassEffectView>
43
43
44
44
{% endhighlight %}
45
45
@@ -54,7 +54,7 @@ chart.Series.Add(new PieSeries
54
54
YBindingPath = "Value"
55
55
});
56
56
57
-
var glass = new SfGlassEffectsView
57
+
var glass = new SfGlassEffectView
58
58
{
59
59
CornerRadius = 20,
60
60
Padding = 12,
@@ -67,17 +67,12 @@ var glass = new SfGlassEffectsView
67
67
68
68
{% endtabs %}
69
69
70
-
### Key Properties
71
-
72
-
-[EffectType](): Chooses the visual style (Regular or Clear).
73
-
-[CornerRadius](): Rounds the container edges for a polished look.
74
-
-[EnableShadowEffect](): Adds a subtle drop shadow to enhance depth.
75
-
-[EnableLiquidGlassEffect](): Enables the glass effect for the chart's tooltip.
70
+
For detailed guidance on SfGlassEffectView, refer to the Getting Started [documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started).
76
71
77
72
### Best Practices and Tips
78
73
79
-
- Host the chart inside an [SfGlassEffectsView]() to give the chart body a glass appearance.
74
+
- Host the chart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart body a glass appearance.
80
75
- Liquid glass effects are most visible over images or colorful backgrounds.
81
-
-Use EffectType="Regular" for a blurrier look and EffectType="Clear" for a crisper, glassy look.
76
+
-Set [EffectType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html#Syncfusion_Maui_Core_SfGlassEffectView_EffectType) property of SfGlassEffectView as `Regular` for a blurrier look and `Clear` for a crisper, glassy look.
82
77
- Tune CornerRadius and Padding to balance content density and visual polish.
83
78
- When using a custom template for tooltip using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate), set the background to `Transparent` to display the liquid glass effect.
The Liquid Glass Effect is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
14
14
15
-
N> The liquid glass effect is only available on macOS and iOS platforms with version 26 or higher.
15
+
N> The liquid glass effect is supported only on `.NET 10`and on `iOS` and `macOS` versions 26 or later
16
16
17
17
## How it Enhances Chart UI on macOS and iOS
18
18
19
19
The Liquid Glass Effect enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
20
20
21
21
## Apply Liquid Glass Effect to SfFunnelChart
22
22
23
-
Wrap the SfFunnelChart inside an [SfGlassEffectsView]() to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectsView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips, set the [EnableLiquidGlassEffect]() property of SfFunnelChart to `True`.
23
+
Wrap the SfFunnelChart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips, set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_EnableLiquidGlassEffect) property of SfFunnelChart to `True`.
@@ -44,7 +44,7 @@ Wrap the SfFunnelChart inside an [SfGlassEffectsView]() to give the chart surfac
44
44
SfFunnelChart chart = new SfFunnelChart();
45
45
chart.EnableLiquidGlassEffect = true;
46
46
47
-
var glass = new SfGlassEffectsView
47
+
var glass = new SfGlassEffectView
48
48
{
49
49
CornerRadius = 20,
50
50
Padding = 12,
@@ -57,17 +57,12 @@ var glass = new SfGlassEffectsView
57
57
58
58
{% endtabs %}
59
59
60
-
### Key Properties
61
-
62
-
-[EffectType](): Chooses the visual style (Regular or Clear).
63
-
-[CornerRadius](): Rounds the container edges for a polished look.
64
-
-[EnableShadowEffect](): Adds a subtle drop shadow to enhance depth.
65
-
-[EnableLiquidGlassEffect](): Enables the glass effect for the chart's tooltip.
60
+
For detailed guidance on SfGlassEffectView, refer to the Getting Started [documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started).
66
61
67
62
### Best Practices and Tips
68
63
69
-
- Host the chart inside an [SfGlassEffectsView]() to give the chart body a glass appearance.
64
+
- Host the chart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart body a glass appearance.
70
65
- Liquid glass effects are most visible over images or colorful backgrounds.
71
-
-Use EffectType="Regular" for a blurrier look and EffectType="Clear" for a crisper, glassy look.
66
+
-Set [EffectType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html#Syncfusion_Maui_Core_SfGlassEffectView_EffectType) property of SfGlassEffectView as `Regular` for a blurrier look and `Clear` for a crisper, glassy look.
72
67
- Tune CornerRadius and Padding to balance content density and visual polish.
73
68
- When using a custom template for tooltip using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfFunnelChart.html#Syncfusion_Maui_Charts_SfFunnelChart_TooltipTemplate), set the background to `Transparent` to display the liquid glass effect.
The Liquid Glass Effect is a modern design style that provides a sleek, minimalist appearance with clean lines, subtle visual effects, and elegant styling. It features smooth rounded corners and sophisticated visual treatments that create a polished, professional look for your charts.
14
14
15
-
N> The liquid glass effect is only available on macOS and iOS platforms with version 26 or higher.
15
+
N> The liquid glass effect is supported only on `.NET 10`and on `iOS` and `macOS` versions 26 or later
16
16
17
17
## How it Enhances Chart UI on macOS and iOS
18
18
19
19
The Liquid Glass Effect enhances chart interactivity with liquid glass effects on tooltips, creating a modern and visually appealing data visualization interface that delivers a sophisticated user experience.
20
20
21
21
## Apply Liquid Glass Effect to SfPolarChart
22
22
23
-
Wrap the SfPolarChart inside an [SfGlassEffectsView]() to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectsView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips, set the [EnableLiquidGlassEffect]() property of SfPolarChart to `True`.
23
+
Wrap the SfPolarChart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart surface a glass (blurred or clear) appearance. SfGlassEffectView is available in the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package. To apply the glassy effect to the chart’s tooltips, set the [EnableLiquidGlassEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartBase.html#Syncfusion_Maui_Charts_ChartBase_EnableLiquidGlassEffect) property of SfPolarChart to `True`.
@@ -80,17 +80,12 @@ var glass = new SfGlassEffectsView
80
80
81
81
{% endtabs %}
82
82
83
-
### Key Properties
84
-
85
-
-[EffectType](): Chooses the visual style (Regular or Clear).
86
-
-[CornerRadius](): Rounds the container edges for a polished look.
87
-
-[EnableShadowEffect](): Adds a subtle drop shadow to enhance depth.
88
-
-[EnableLiquidGlassEffect](): Enables the glass effect for the chart's tooltip.
83
+
For detailed guidance on SfGlassEffectView, refer to the Getting Started [documentation](https://help.syncfusion.com/maui/liquid-glass-ui/getting-started).
89
84
90
85
### Best Practices and Tips
91
86
92
-
- Host the chart inside an [SfGlassEffectsView]() to give the chart body a glass appearance.
87
+
- Host the chart inside an [SfGlassEffectView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html) to give the chart body a glass appearance.
93
88
- Liquid glass effects are most visible over images or colorful backgrounds.
94
-
-Use EffectType="Regular" for a blurrier look and EffectType="Clear" for a crisper, glassy look.
89
+
-Set [EffectType](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfGlassEffectView.html#Syncfusion_Maui_Core_SfGlassEffectView_EffectType) property of SfGlassEffectView as `Regular` for a blurrier look and `Clear` for a crisper, glassy look.
95
90
- Tune CornerRadius and Padding to balance content density and visual polish.
96
91
- When using a custom template for tooltip using [TooltipTemplate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.ChartSeries.html#Syncfusion_Maui_Charts_ChartSeries_TooltipTemplate), set the background to `Transparent` to display the liquid glass effect.
0 commit comments