Skip to content

Commit cfa57ab

Browse files
985616 - Liquid Glass Getting Started images added
1 parent 80c362c commit cfa57ab

7 files changed

+9
-1
lines changed

MAUI/Liquid-Glass-UI/Images/overview-liquid-glass-ui-in-.net-maui.webp renamed to MAUI/Liquid-Glass-UI/Images/Overview/overview-liquid-glass-ui-in-.net-maui.webp

File renamed without changes.
46.4 KB
Loading
47 KB
Loading
62.5 KB
Loading
57.4 KB
Loading

MAUI/Liquid-Glass-UI/Overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ documentation: UG
1111

1212
Syncfusion® provides support for the Liquid Glass visual effect across all .NET MAUI controls. This feature introduces a modern UI design with a visually appealing, translucent, glass-like appearance. It applies blurred backgrounds, adaptive color tinting, and light refraction to enhance the overall look and feel of your applications while maintaining readability and accessibility across platforms.
1313

14-
![overview-liquid-glass-ui-in-.net-maui](images/overview-liquid-glass-ui-in-.net-maui.webp)
14+
![overview-liquid-glass-ui-in-.net-maui](images/Overview/overview-liquid-glass-ui-in-.net-maui.webp)
1515

1616
## Key Features
1717

MAUI/Liquid-Glass-UI/getting-started.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,8 @@ xmlns:button="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.But
102102

103103
{% endhighlight %}
104104
{% endtabs %}
105+
106+
![liquid-glass-ui-with-clear-effect-type-in-.net-maui](images/getting-started/liquid-glass-ui-with-clear-effect-type-in-.net-maui.png)
105107

106108
### Corner radius
107109

@@ -174,6 +176,8 @@ Defines the corner radius for the view, enabling customization of its shape such
174176
{% endhighlight %}
175177
{% endtabs %}
176178

179+
![liquid-glass-ui-with-corner-radius-in-.net-maui](images/getting-started/liquid-glass-ui-with-corner-radius-in-.net-maui.png)
180+
177181
### Enable shadow effect
178182

179183
Adds a soft shadow to the content within the glass view, creating depth and a more realistic appearance.
@@ -245,6 +249,8 @@ Adds a soft shadow to the content within the glass view, creating depth and a mo
245249
{% endhighlight %}
246250
{% endtabs %}
247251

252+
![liquid-glass-ui-with-shadow-in-.net-maui](images/getting-started/liquid-glass-ui-with-shadow-in-.net-maui.png)
253+
248254
### Set background color
249255

250256
Applies a background tint color to the glass view, to enhance modern UI styling and improve readability.
@@ -316,6 +322,8 @@ Applies a background tint color to the glass view, to enhance modern UI styling
316322
{% endhighlight %}
317323
{% endtabs %}
318324

325+
![liquid-glass-ui-with-background-in-.net-maui](images/getting-started/liquid-glass-ui-with-background-in-.net-maui.png)
326+
319327
## Interactive Glass Effect
320328

321329
Enable glass effect that respond to user interactions with clear transparency and dynamic lighting for an engaging UI. To enable this feature, set the `EnableLiquidGlassEffect` property to `true` on the Syncfusion® `SfSwitch` control. This activates interaction-based visual effects.

0 commit comments

Comments
 (0)