From ebf6f73602fff3496a448c0c900dad4987a3f1c4 Mon Sep 17 00:00:00 2001 From: snehakPV <129383872+snehakPV@users.noreply.github.com> Date: Mon, 18 Mar 2024 12:24:31 +0530 Subject: [PATCH] Update README.md --- README.md | 61 +++++++++++++++++++------------------------------------ 1 file changed, 21 insertions(+), 40 deletions(-) diff --git a/README.md b/README.md index 4bdaf92..05a2f3c 100644 --- a/README.md +++ b/README.md @@ -9,10 +9,8 @@ This section explains the steps required to configure the [`SfParallaxView`](htt 3. To initialize the control, import the Parallax View namespace. 4. Initialize [SfParallaxView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ParallaxView.SfParallaxView.html). -{% tabs %} - -{% highlight xaml %} - +###### Xaml +```xaml @@ -20,11 +18,10 @@ This section explains the steps required to configure the [`SfParallaxView`](htt - -{% endhighlight %} - -{% highlight C# %} +``` +###### C# +```C# using Syncfusion.Maui.ParallaxView; namespace ParallaxViewGettingStarted { @@ -40,17 +37,14 @@ namespace ParallaxViewGettingStarted } } } - -{% endhighlight %} - -{% endtabs %} +``` ## Register the handler Syncfusion.Maui.Core Nuget is a dependent package for all Syncfusion controls of .NET MAUI. In the MauiProgram.cs file, register the handler for Syncfusion core. -{% highlight C# %} - +###### +```C# using Microsoft.Extensions.Logging; using Syncfusion.Maui.Core.Hosting; @@ -73,9 +67,7 @@ namespace ParallaxViewGettingStarted } } } - -{% endhighlight %} - +``` ## Add content to the parallax view @@ -83,10 +75,8 @@ The [`Content`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ParallaxView The following code sample demonstrates how to set the content property to the parallax view. -{% tabs %} - -{% highlight xaml %} - +###### Xaml +```xaml +``` -{% endhighlight %} - -{% highlight c# %} - +###### C# +```C# using Syncfusion.Maui.ParallaxView; namespace ParallaxViewGettingStarted @@ -132,9 +121,7 @@ namespace ParallaxViewGettingStarted } } } - -{% endhighlight %} -{% endtabs %} +``` ## Bind source to the parallax view @@ -147,10 +134,8 @@ Currently, the [SfParallaxView](https://help.syncfusion.com/cr/maui/Syncfusion.M The following code sample demonstrates how to bind the Syncfusion ListView to the [`Source`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ParallaxView.SfParallaxView.html#Syncfusion_Maui_ParallaxView_SfParallaxView_Source) property. -{% tabs %} - -{% highlight xaml %} - +###### Xaml +```xaml +``` -{% endhighlight %} - -{% highlight c# %} - +###### C# +```C# public partial class MainPage : ContentPage { public MainPage() @@ -251,10 +235,7 @@ public class Contacts public ImageSource ItemImage { get; set; } } - -{% endhighlight %} - -{% endtabs %} +``` T> The size of the [`Content`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ParallaxView.SfParallaxView.html#Syncfusion_Maui_ParallaxView_SfParallaxView_Content) view will automatically be stretched to the size of the [`Source`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ParallaxView.SfParallaxView.html#Syncfusion_Maui_ParallaxView_SfParallaxView_Source) view.