Skip to content

Commit 00c9178

Browse files
Addressed review corrections
1 parent 4f08196 commit 00c9178

File tree

1 file changed

+15
-8
lines changed

1 file changed

+15
-8
lines changed

MAUI/DataGrid/liquid-glass-effect.md

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@ The [SfDataGrid](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.Sf
2020

2121
## Prerequisites
2222

23-
- Add the Syncfusion.Maui.Core package (for SfGlassEffectsView) and Syncfusion.Maui.DataGrid (for SfDataGrid).
23+
- Add the [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) package (for SfGlassEffectsView) and [Syncfusion.Maui.DataGrid](https://www.nuget.org/packages/Syncfusion.Maui.DataGrid/) (for SfDataGrid).
2424

25-
XAML example: Wrap the SfDataGrid in an SfGlassEffectsView. For surfaces like drag views, tooltip, and context menu, set their Background to Transparent to reveal the glass effect.
25+
XAML example: Wrap the `SfDataGrid` in an `SfGlassEffectsView`, then enable the glass effect with `EnableLiquidGlassEffect`. For surfaces like drag views, tooltip, and context menu, set their Background to Transparent to reveal the glass effect.
2626

2727
{% tabs %}
2828
{% highlight xaml %}
@@ -39,7 +39,6 @@ XAML example: Wrap the SfDataGrid in an SfGlassEffectsView. For surfaces like dr
3939
<Image Source="wallpaper.jpg" Aspect="AspectFill" />
4040
<core:SfGlassEffectsView
4141
CornerRadius="20"
42-
HeightRequest="200"
4342
EffectType="Regular"
4443
EnableShadowEffect="True">
4544

@@ -60,10 +59,18 @@ XAML example: Wrap the SfDataGrid in an SfGlassEffectsView. For surfaces like dr
6059
using Syncfusion.Maui.Core;
6160
using Syncfusion.Maui.DataGrid;
6261

62+
var grid = new Grid();
63+
var background = new Image
64+
{
65+
Source = "wallpaper.jpg",
66+
Aspect = Aspect.AspectFill
67+
};
68+
69+
grid.Children.Add(background);
70+
6371
var glassEffects = new SfGlassEffectsView
6472
{
6573
CornerRadius = 20,
66-
HeightRequest = 200,
6774
EffectType = LiquidGlassEffectType.Regular,
6875
EnableShadowEffect = true
6976
};
@@ -79,13 +86,15 @@ dataGrid.DefaultStyle.RowDragViewBackgroundColor = Colors.Transparent;
7986
dataGrid.DefaultStyle.ColumnDragViewBackgroundColor = Colors.Transparent;
8087

8188
glassEffects.Content = dataGrid;
82-
this.Content = glassEffects;
89+
grid.Children.Add(glassView);
90+
Content = grid;
91+
8392
{% endhighlight %}
8493
{% endtabs %}
8594

8695
## SfDataPager
8796

88-
You can also enable the liquid glass effect for the standalone [SfDataPager]() control by setting `EnableLiquidGlassEffect` to `True`. Wrapping with `SfGlassEffectsView` is optional for additional container styling.
97+
You can also enable the liquid glass effect for the standalone [SfDataPager](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataGrid.DataPager.SfDataPager.html) control by setting `EnableLiquidGlassEffect` to `True`. Wrapping with `SfGlassEffectsView` is optional for additional container styling.
8998

9099
{% tabs %}
91100
{% highlight xaml %}
@@ -137,5 +146,3 @@ pagerGlass.Content = dataPager;
137146
this.Content = pagerGlass;
138147
{% endhighlight %}
139148
{% endtabs %}
140-
141-
The following screenshot illustrates SfDataGrid within an acrylic container, with grid surfaces revealing the glass effect.

0 commit comments

Comments
 (0)