Skip to content

Commit 625b9aa

Browse files
commit
1 parent 49d7529 commit 625b9aa

File tree

6 files changed

+592
-6
lines changed

6 files changed

+592
-6
lines changed

MAUI/Cartesian-Charts/Getting-Started.md

Lines changed: 101 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: post
3-
title: Getting started with .NET MAUI Chart control | Syncfusion
3+
title: Getting started with .NET MAUI Cartesian Chart control | Syncfusion
44
description: This section explains about the getting started with Syncfusion® MAUI Chart (SfCartesianChart) control.
55
platform: maui
66
control: SfCartesianChart
@@ -10,7 +10,7 @@ keywords: .net maui cartesian chart, .net maui charting, cartesian chart maui, s
1010

1111
> **Notice**: After **Volume 1 2025 (Mid of March 2025)**, feature enhancements for this control will no longer be available in the Syncfusion® package. Please switch to the **Syncfusion® Toolkit for .NET MAUI** for continued support. For a smooth transition refer this [migration document](https://help.syncfusion.com/maui-toolkit/migration).
1212
13-
# Getting Started with .NET MAUI Chart
13+
# Getting Started with .NET MAUI Cartesian Chart
1414

1515
This section explains how to populate the Cartesian chart with data, a title, data labels, a legend, and tooltips, as well as the essential aspects for getting started with the chart.
1616

@@ -215,6 +215,105 @@ namespace ChartGettingStarted
215215
{% endtabs %}
216216

217217
{% endtabcontent %}
218+
219+
{% tabcontent JetBrains Rider %}
220+
221+
## Prerequisites
222+
223+
Before proceeding, ensure the following are set up:
224+
225+
1. Ensure you have the latest version of JetBrains Rider.
226+
2. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
227+
3. Make sure the MAUI workloads are installed and configured as described [here.](https://www.jetbrains.com/help/rider/MAUI.html#before-you-start)
228+
229+
## Step 1: Create a new .NET MAUI Project
230+
231+
1. Go to **File > New Solution,** Select .NET (C#) and choose the .NET MAUI App template.
232+
2. Enter the Project Name, Solution Name, and Location.
233+
3. Select the .NET framework version and click Create.
234+
235+
## Step 2: Install the Syncfusion<sup>®</sup> MAUI Charts NuGet Package
236+
237+
1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
238+
2. Search for [Syncfusion.Maui.Charts](https://www.nuget.org/packages/Syncfusion.Maui.Charts/) and install the latest version.
239+
3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, Open the Terminal in Rider and manually run: `dotnet restore`
240+
241+
## Step 3: Register the handler
242+
243+
Syncfusion.Maui.Core nuget is a dependent package for all Syncfusion<sup>®</sup> controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion<sup>®</sup> core.
244+
245+
{% tabs %}
246+
{% highlight C# tabtitle="MauiProgram.cs" hl_lines="6 17" %}
247+
248+
using Microsoft.Maui;
249+
using Microsoft.Maui.Hosting;
250+
using Microsoft.Maui.Controls.Compatibility;
251+
using Microsoft.Maui.Controls.Hosting;
252+
using Microsoft.Maui.Controls.Xaml;
253+
using Syncfusion.Maui.Core.Hosting;
254+
255+
namespace ChartGettingStarted
256+
{
257+
public static class MauiProgram
258+
{
259+
public static MauiApp CreateMauiApp()
260+
{
261+
var builder = MauiApp.CreateBuilder();
262+
builder
263+
.UseMauiApp<App>()
264+
.ConfigureSyncfusionCore()
265+
.ConfigureFonts(fonts =>
266+
{
267+
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
268+
});
269+
270+
return builder.Build();
271+
}
272+
}
273+
}
274+
275+
{% endhighlight %}
276+
{% endtabs %}
277+
278+
## Step 4: Add .NET MAUI Cartesian Chart
279+
280+
1. To initialize the control, import the `Syncfusion.Maui.Charts` namespace.
281+
2. Initialize [SfCartesianChart](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Charts.SfCartesianChart.html).
282+
283+
{% tabs %}
284+
{% highlight xaml %}
285+
286+
<ContentPage
287+
. . .
288+
xmlns:chart="clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts">
289+
290+
<chart:SfCartesianChart/>
291+
292+
</ContentPage>
293+
294+
{% endhighlight %}
295+
296+
{% highlight C# %}
297+
298+
using Syncfusion.Maui.Charts;
299+
namespace ChartGettingStarted
300+
{
301+
public partial class MainPage : ContentPage
302+
{
303+
public MainPage()
304+
{
305+
InitializeComponent();
306+
SfCartesianChart chart = new SfCartesianChart();
307+
this.Content = chart;
308+
}
309+
}
310+
}
311+
312+
{% endhighlight %}
313+
{% endtabs %}
314+
315+
{% endtabcontent %}
316+
218317
{% endtabcontents %}
219318

220319
### Initialize view model

MAUI/DockLayout/getting-started-docklayout.md

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -210,6 +210,102 @@ namespace DockLayoutGettingStarted
210210
{% endhighlight %}
211211
{% endtabs %}
212212
{% endtabcontent %}
213+
214+
{% tabcontent JetBrains Rider %}
215+
216+
## Prerequisites
217+
218+
Before proceeding, ensure the following are set up:
219+
220+
1. Ensure you have the latest version of JetBrains Rider.
221+
2. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
222+
3. Make sure the MAUI workloads are installed and configured as described [here.](https://www.jetbrains.com/help/rider/MAUI.html#before-you-start)
223+
224+
## Step 1: Create a new .NET MAUI Project
225+
226+
1. Go to **File > New Solution,** Select .NET (C#) and choose the .NET MAUI App template.
227+
2. Enter the Project Name, Solution Name, and Location.
228+
3. Select the .NET framework version and click Create.
229+
230+
## Step 2: Install the Syncfusion<sup>®</sup> .NET MAUI Core Package
231+
232+
1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
233+
2. Search for [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) and install the latest version.
234+
3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, Open the Terminal in Rider and manually run: `dotnet restore`
235+
236+
## Step 3: Register the handler
237+
238+
Syncfusion.Maui.Core nuget is a dependent package for all Syncfusion<sup>®</sup> controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion<sup>®</sup> core.
239+
240+
{% tabs %}
241+
242+
{% highlight csharp tabtitle="MauiProgram.cs" hl_lines="2 13" %}
243+
244+
using Microsoft.Extensions.Logging;
245+
using Syncfusion.Maui.Core.Hosting;
246+
247+
namespace DockLayoutGettingStarted
248+
{
249+
public static class MauiProgram
250+
{
251+
public static MauiApp CreateMauiApp()
252+
{
253+
var builder = MauiApp.CreateBuilder();
254+
builder
255+
.UseMauiApp<App>()
256+
.ConfigureSyncfusionCore()
257+
.ConfigureFonts(fonts =>
258+
{
259+
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
260+
});
261+
262+
return builder.Build();
263+
}
264+
}
265+
}
266+
267+
{% endhighlight %}
268+
{% endtabs %}
269+
270+
## Step 4: Initialize the DockLayout Control
271+
272+
1. To initialize the control, import the `Syncfusion.Maui.Core` namespace.
273+
2. Initialize an [SfDockLayout](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfDockLayout.html) instance.
274+
275+
{% tabs %}
276+
277+
{% highlight xaml %}
278+
279+
<ContentPage
280+
. . .
281+
xmlns:sf="clr-namespace:Syncfusion.Maui.Core;
282+
assembly=Syncfusion.Maui.Core">
283+
284+
<sf:SfDockLayout/>
285+
286+
</ContentPage>
287+
288+
{% endhighlight %}
289+
290+
{% highlight C# %}
291+
292+
using Syncfusion.Maui.Core;
293+
namespace DockLayoutGettingStarted
294+
{
295+
public partial class MainPage : ContentPage
296+
{
297+
public MainPage()
298+
{
299+
InitializeComponent();
300+
SfDockLayout dockLayout = new SfDockLayout();
301+
Content = dockLayout;
302+
}
303+
}
304+
}
305+
306+
{% endhighlight %}
307+
{% endtabs %}
308+
213309
{% endtabcontents %}
214310

215311
### Set Dock Position for Child Views

MAUI/Parallax-View/Getting-started.md

Lines changed: 98 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -208,6 +208,103 @@ namespace ParallaxViewGettingStarted
208208
{% endtabs %}
209209

210210
{% endtabcontent %}
211+
212+
{% tabcontent JetBrains Rider %}
213+
214+
## Prerequisites
215+
216+
Before proceeding, ensure the following are set up:
217+
218+
1. Ensure you have the latest version of JetBrains Rider.
219+
2. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
220+
3. Make sure the MAUI workloads are installed and configured as described [here.](https://www.jetbrains.com/help/rider/MAUI.html#before-you-start)
221+
222+
## Step 1: Create a new .NET MAUI Project
223+
224+
1. Go to **File > New Solution,** Select .NET (C#) and choose the .NET MAUI App template.
225+
2. Enter the Project Name, Solution Name, and Location.
226+
3. Select the .NET framework version and click Create.
227+
228+
## Step 2: Install the Syncfusion<sup>®</sup> MAUI ParallaxView NuGet Package
229+
230+
1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
231+
2. Search for [Syncfusion.Maui.ParallaxView](https://www.nuget.org/packages/Syncfusion.Maui.ParallaxView/) and install the latest version.
232+
3. Ensure the necessary dependencies are installed correctly, and the project is restored. If not, Open the Terminal in Rider and manually run: `dotnet restore`
233+
234+
## Step 3: Register the handler
235+
236+
Syncfusion.Maui.Core NuGet is a dependent package for all Syncfusion<sup>®</sup> controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion<sup>®</sup> core.
237+
238+
{% tabs %}
239+
{% highlight C# tabtitle="MauiProgram.cs" hl_lines="2 13" %}
240+
241+
using Microsoft.Extensions.Logging;
242+
using Syncfusion.Maui.Core.Hosting;
243+
244+
namespace ParallaxViewGettingStarted
245+
{
246+
public static class MauiProgram
247+
{
248+
public static MauiApp CreateMauiApp()
249+
{
250+
var builder = MauiApp.CreateBuilder();
251+
builder
252+
.UseMauiApp<App>()
253+
.ConfigureSyncfusionCore()
254+
.ConfigureFonts(fonts =>
255+
{
256+
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
257+
});
258+
259+
return builder.Build();
260+
}
261+
}
262+
}
263+
264+
{% endhighlight %}
265+
{% endtabs %}
266+
267+
## Step 4: Add .NET MAUI Parallax View
268+
269+
1. To initialize the control, import the `Syncfusion.Maui.ParallaxView` namespace.
270+
2. Initialize [SfParallaxView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.ParallaxView.SfParallaxView.html).
271+
272+
{% tabs %}
273+
{% highlight xaml %}
274+
275+
<ContentPage
276+
. . .
277+
xmlns:parallaxView="clr-namespace:Syncfusion.Maui.ParallaxView;assembly=Syncfusion.Maui.ParallaxView">
278+
<Grid>
279+
<parallaxView:SfParallaxView/>
280+
</Grid>
281+
</ContentPage>
282+
283+
{% endhighlight %}
284+
285+
{% highlight C# %}
286+
287+
using Syncfusion.Maui.ParallaxView;
288+
namespace ParallaxViewGettingStarted
289+
{
290+
public partial class MainPage : ContentPage
291+
{
292+
public MainPage()
293+
{
294+
InitializeComponent();
295+
Grid grid = new Grid();
296+
SfParallaxView parallaxView = new SfParallaxView();
297+
grid.Children.Add(parallaxView);
298+
this.Content = grid;
299+
}
300+
}
301+
}
302+
303+
{% endhighlight %}
304+
{% endtabs %}
305+
306+
{% endtabcontent %}
307+
211308
{% endtabcontents %}
212309

213310
### Add content to the parallax view
@@ -395,4 +492,4 @@ T> The size of the [`Content`](https://help.syncfusion.com/cr/maui/Syncfusion.Ma
395492

396493
You can find the complete getting started sample from this [link](https://github.com/SyncfusionExamples/MAUI-Parallax-View-Sample-Demos).
397494

398-
N> [\#11230](https://github.com/dotnet/maui/issues/11230) In Android, when an image's pixel size cannot stretch to fit the Parallax View Source control during loading, it results in a Java.Lang.RuntimeException. It is necessary to use the image as Parallax View Content without pixelation.
495+
N> [\#11230](https://github.com/dotnet/maui/issues/11230) In Android, when an image's pixel size cannot stretch to fit the Parallax View Source control during loading, it results in a Java.Lang.RuntimeException. It is necessary to use the image as Parallax View Content without degradation in image quality.

0 commit comments

Comments
 (0)