Skip to content

Commit 830abd3

Browse files
HadayaRahman-SF4673HadayaRahman-SF4673
committed
955646 - Updated Content
1 parent b4159cf commit 830abd3

17 files changed

+60
-108
lines changed

‎maui-toolkit/CircularProgressBar/Animation.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,4 @@ this.Content = circularProgressBar;
8181

8282
{% endtabs %}
8383

84-
![.NET MAUI Circular ProgressBar with indeterminate animation](images/animation/indeterminate.gif)
85-
86-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
84+
![.NET MAUI Circular ProgressBar with indeterminate animation](images/animation/indeterminate.gif)

‎maui-toolkit/CircularProgressBar/Appearance.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -233,6 +233,4 @@ this.Content = circularProgressBar;
233233

234234
{% endtabs %}
235235

236-
![.NET MAUI Circular ProgressBar with color customization](images/appearance/color.png)
237-
238-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
236+
![.NET MAUI Circular ProgressBar with color customization](images/appearance/color.png)

‎maui-toolkit/CircularProgressBar/Events.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,4 @@ private void CircularProgressBar_ProgressCompleted(object sender, ProgressValueE
8383

8484
{% endhighlight %}
8585

86-
{% endtabs %}
87-
88-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
86+
{% endtabs %}

‎maui-toolkit/CircularProgressBar/Overview.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,4 @@ The .NET MAUI Circular ProgressBar shows the progress of a task with customizabl
2727

2828
* **Angle** - Customize the angles of a circular progress bar.
2929

30-
![Circular ProgresBar control for .NET MAUI.](images/overview/dotnet_maui_progressbar.png)
31-
32-
N> Get the samples in the [GitHub](https://github.com/syncfusion/maui-demos) link.
30+
![Circular ProgresBar control for .NET MAUI.](images/overview/dotnet_maui_progressbar.png)

‎maui-toolkit/CircularProgressBar/Range.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,4 @@ this.Content = circularProgressBar;
3535

3636
{% endtabs %}
3737

38-
![.NET MAUI Circular ProgressBar with range customization](images/define-range/range.png)
39-
40-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
38+
![.NET MAUI Circular ProgressBar with range customization](images/define-range/range.png)

‎maui-toolkit/CircularProgressBar/Segments.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,4 @@ this.Content = circularProgressBar;
5858

5959
{% endtabs %}
6060

61-
![.NET MAUI Circular ProgressBar with segment gap width](images/segment/gap-width.png)
62-
63-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
61+
![.NET MAUI Circular ProgressBar with segment gap width](images/segment/gap-width.png)

‎maui-toolkit/CircularProgressBar/States.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,4 @@ this.Content = circularProgressBar;
3636

3737
{% endtabs %}
3838

39-
![.NET MAUI Circular ProgressBar in indeterminate state](images/states/circular-progressbar-indeterminate.gif)
40-
41-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
39+
![.NET MAUI Circular ProgressBar in indeterminate state](images/states/circular-progressbar-indeterminate.gif)

‎maui-toolkit/CircularProgressBar/custom-content.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,4 @@ this.Content = circularProgressBar;
7777

7878
{% endtabs %}
7979

80-
![.NET MAUI Circular ProgressBar with custom content](images/custom-content/content.png)
81-
82-
N> Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Circular ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfCircularProgressBar in .NET MAUI.
80+
![.NET MAUI Circular ProgressBar with custom content](images/custom-content/content.png)

‎maui-toolkit/CircularProgressBar/getting-started.md

+22-31
Original file line numberDiff line numberDiff line change
@@ -11,40 +11,35 @@ documentation: ug
1111

1212
This section explains the steps required to add the circular progress bar control with the progress and its customizable elements such as indeterminate, segment, progress fill, and track fill. This section covers only the basic features needed to know and gets started with the Syncfusion<sup>&reg;</sup> circular progress bar. Follow the steps below to add a .NET MAUI Circular progress bar to your project.
1313

14-
To get start quickly with our .NET MAUI Circular ProgressBar, check the following video.
15-
16-
{% youtube
17-
"youtube:https://www.youtube.com/watch?v=lH_0-2JEKcM"%}
18-
1914
{% tabcontents %}
2015
{% tabcontent Visual Studio %}
2116

2217
## Prerequisites
2318

2419
Before proceeding, ensure the following are set up:
25-
1. Install [.NET 7 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) or later is installed.
26-
2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.3 or later).
20+
1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
21+
2. Set up a .NET MAUI environment with Visual Studio 2022 (v17.8 or later).
2722

2823
## Step 1: Create a New .NET MAUI Project
2924

3025
1. Go to **File > New > Project** and choose the **.NET MAUI App** template.
3126
2. Name the project and choose a location. Then click **Next**.
3227
3. Select the .NET framework version and click **Create**.
3328

34-
## Step 2: Install the Syncfusion<sup>&reg;</sup> MAUI Circular ProgressBar NuGet Package
29+
## Step 2: Install the Syncfusion<sup>&reg;</sup> MAUI Toolkit Package
3530

3631
1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
37-
2. Search for [Syncfusion.Maui.Toolkit.ProgressBar](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit.ProgressBar/) and install the latest version.
32+
2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version.
3833
3. Ensure the necessary dependencies are installed correctly, and the project is restored.
3934

4035
## Step 3: Register the handler
4136

42-
The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion<sup>&reg;</sup> controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion core.
37+
In the **MauiProgram.cs** file, register the handler for Syncfusion<sup>&reg;</sup> toolkit.
4338

4439
{% tabs %}
4540
{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
4641

47-
using Syncfusion.Maui.Core.Hosting;
42+
using Syncfusion.Maui.Toolkit.Hosting;
4843
namespace GettingStarted
4944
{
5045
public static class MauiProgram
@@ -53,7 +48,7 @@ namespace GettingStarted
5348
{
5449
var builder = MauiApp.CreateBuilder();
5550

56-
builder.ConfigureSyncfusionCore();
51+
builder.ConfigureSyncfusionToolkit();
5752
builder
5853
.UseMauiApp<App>()
5954
.ConfigureFonts(fonts =>
@@ -78,7 +73,7 @@ namespace GettingStarted
7873

7974
{% highlight xaml %}
8075

81-
xmlns:progressBar="clr-namespace:Syncfusion.Maui.Toolkit.ProgressBar;assembly=Syncfusion.Maui.Toolkit.ProgressBar"
76+
xmlns:progressBar="clr-namespace:Syncfusion.Maui.Toolkit.ProgressBar;assembly=Syncfusion.Maui.Toolkit"
8277

8378
{% endhighlight %}
8479

@@ -115,7 +110,7 @@ this.Content = circularProgressBar;
115110
## Prerequisites
116111

117112
Before proceeding, ensure the following are set up:
118-
1. Install [.NET 7 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) or later is installed.
113+
1. Install [.NET 8 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) or later is installed.
119114
2. Set up a .NET MAUI environment with Visual Studio Code.
120115
3. Ensure that the .NET MAUI extension is installed and configured as described [here.](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?view=net-maui-8.0&tabs=visual-studio-code)
121116

@@ -126,21 +121,21 @@ Before proceeding, ensure the following are set up:
126121
3. Select the project location, type the project name and press **Enter**.
127122
4. Then choose **Create project.**
128123

129-
## Step 2: Install the Syncfusion<sup>&reg;</sup> MAUI Circular ProgressBar NuGet Package
124+
## Step 2: Install the Syncfusion<sup>&reg;</sup> MAUI Toolkit Package
130125

131126
1. Press <kbd>Ctrl</kbd> + <kbd>`</kbd> (backtick) to open the integrated terminal in Visual Studio Code.
132127
2. Ensure you're in the project root directory where your .csproj file is located.
133-
3. Run the command `dotnet add package Syncfusion.Maui.Toolkit.ProgressBar` to install the Syncfusion<sup>®</sup> .NET MAUI ProgressBar NuGet package.
128+
3. Run the command `dotnet add package Syncfusion.Maui.Cards` to install the Syncfusion<sup>®</sup> .NET MAUI Cards NuGet package.
134129
4. To ensure all dependencies are installed, run `dotnet restore`.
135130

136131
## Step 3: Register the handler
137132

138-
The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion<sup>&reg;</sup> controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion core.
133+
In the **MauiProgram.cs** file, register the handler for Syncfusion<sup>&reg;</sup> toolkit.
139134

140135
{% tabs %}
141136
{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
142137

143-
using Syncfusion.Maui.Core.Hosting;
138+
using Syncfusion.Maui.Toolkit.Hosting;
144139
namespace GettingStarted
145140
{
146141
public static class MauiProgram
@@ -149,7 +144,7 @@ namespace GettingStarted
149144
{
150145
var builder = MauiApp.CreateBuilder();
151146

152-
builder.ConfigureSyncfusionCore();
147+
builder.ConfigureSyncfusionToolkit();
153148
builder
154149
.UseMauiApp<App>()
155150
.ConfigureFonts(fonts =>
@@ -174,7 +169,7 @@ namespace GettingStarted
174169

175170
{% highlight xaml %}
176171

177-
xmlns:progressBar="clr-namespace:Syncfusion.Maui.Toolkit.ProgressBar;assembly=Syncfusion.Maui.Toolkit.ProgressBar"
172+
xmlns:progressBar="clr-namespace:Syncfusion.Maui.Toolkit.ProgressBar;assembly=Syncfusion.Maui.Toolkit"
178173

179174
{% endhighlight %}
180175

@@ -223,20 +218,20 @@ Before proceeding, ensure the following are set up:
223218
2. Enter the Project Name, Solution Name, and Location.
224219
3. Select the .NET framework version and click Create.
225220

226-
## Step 2: Install the Syncfusion<sup>®</sup> MAUI Circular ProgressBar NuGet Package
221+
## Step 2: Install the Syncfusion<sup>®</sup> MAUI Toolkit NuGet Package
227222

228223
1. In **Solution Explorer,** right-click the project and choose **Manage NuGet Packages.**
229-
2. Search for [Syncfusion.Maui.Toolkit.ProgressBar](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit.ProgressBar/) and install the latest version.
224+
2. Search for [Syncfusion.Maui.Toolkit](https://www.nuget.org/packages/Syncfusion.Maui.Toolkit/) and install the latest version.
230225
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`
231226

232227
## Step 3: Register the handler
233228

234-
The [Syncfusion.Maui.Core](https://www.nuget.org/packages/Syncfusion.Maui.Core/) NuGet is a dependent package for all Syncfusion<sup>&reg;</sup> controls of .NET MAUI. In the **MauiProgram.cs** file, register the handler for Syncfusion core.
229+
In the **MauiProgram.cs** file, register the handler for Syncfusion<sup>&reg;</sup> toolkit.
235230

236231
{% tabs %}
237232
{% highlight C# tabtitle="MauiProgram.cs" hl_lines="1 10" %}
238233

239-
using Syncfusion.Maui.Core.Hosting;
234+
using Syncfusion.Maui.Toolkit.Hosting;
240235
namespace GettingStarted
241236
{
242237
public static class MauiProgram
@@ -245,7 +240,7 @@ namespace GettingStarted
245240
{
246241
var builder = MauiApp.CreateBuilder();
247242

248-
builder.ConfigureSyncfusionCore();
243+
builder.ConfigureSyncfusionToolkit();
249244
builder
250245
.UseMauiApp<App>()
251246
.ConfigureFonts(fonts =>
@@ -270,7 +265,7 @@ namespace GettingStarted
270265

271266
{% highlight xaml %}
272267

273-
xmlns:progressBar="clr-namespace:Syncfusion.Maui.Toolkit.ProgressBar;assembly=Syncfusion.Maui.Toolkit.ProgressBar"
268+
xmlns:progressBar="clr-namespace:Syncfusion.Maui.Toolkit.ProgressBar;assembly=Syncfusion.Maui.Toolkit"
274269

275270
{% endhighlight %}
276271

@@ -394,8 +389,4 @@ SfCircularProgressBar sfCircularProgressBar = new SfCircularProgressBar
394389

395390
{% endtabs %}
396391

397-
![.NET MAUI Circular ProgressBar with customized colors](images/getting-started/style.png)
398-
399-
N>
400-
* Get the complete getting started sample from [GitHub](https://github.com/SyncfusionExamples/Getting-Started-with-.NET-MAUI-Circular-ProgressBar-control.-) link.
401-
* Refer to our [.NET MAUI Circular ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations.
392+
![.NET MAUI Circular ProgressBar with customized colors](images/getting-started/style.png)

‎maui-toolkit/LinearProgressBar/Animation.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,4 @@ this.Content = linearProgressBar;
8181

8282
{% endtabs %}
8383

84-
![.NET MAUI Linear ProgressBar with indeterminate animation](images/animation/indeterminate.gif)
85-
86-
N> Refer to our [.NET MAUI Linear ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Linear ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfLinearProgressBar in .NET MAUI.
84+
![.NET MAUI Linear ProgressBar with indeterminate animation](images/animation/indeterminate.gif)

‎maui-toolkit/LinearProgressBar/Appearance.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -250,6 +250,4 @@ this.Content = linearProgressBar;
250250

251251
{% endtabs %}
252252

253-
![.NET MAUI Linear ProgressBar with seconday progress color customization](images/appearance/secondary-progress.png)
254-
255-
N> Refer to our [.NET MAUI Linear ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Linear ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfLinearProgressBar in .NET MAUI.
253+
![.NET MAUI Linear ProgressBar with seconday progress color customization](images/appearance/secondary-progress.png)

‎maui-toolkit/LinearProgressBar/Events.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,4 @@ private void LinearProgressBar_ProgressCompleted(object sender, ProgressValueEve
7272

7373
{% endhighlight %}
7474

75-
{% endtabs %}
76-
77-
N> Refer to our [.NET MAUI Linear ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Linear ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfLinearProgressBar in .NET MAUI.
75+
{% endtabs %}

‎maui-toolkit/LinearProgressBar/Overview.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,4 @@ The .NET MAUI Linear ProgressBar shows the progress of a task with custom visual
2323

2424
* **Appearance customization** - Customize the track thickness, color, and corner radius.
2525

26-
![Linear ProgressBar control for .NET MAUI.](images/overview/dotnet_maui_progressbar.png)
27-
28-
N> Get the samples in the [GitHub](https://github.com/syncfusion/maui-demos) link.
26+
![Linear ProgressBar control for .NET MAUI.](images/overview/dotnet_maui_progressbar.png)

‎maui-toolkit/LinearProgressBar/Range.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,4 @@ this.Content = linearProgressBar;
3636

3737
{% endtabs %}
3838

39-
![.NET MAUI Linear ProgressBar with range customization](images/define-range/range.png)
40-
41-
N> Refer to our [.NET MAUI Linear ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Linear ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfLinearProgressBar in .NET MAUI.
39+
![.NET MAUI Linear ProgressBar with range customization](images/define-range/range.png)

‎maui-toolkit/LinearProgressBar/Segments.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,4 @@ this.Content = linearProgressBar;
5858

5959
{% endtabs %}
6060

61-
![.NET MAUI Linear ProgressBar with segment gap width](images/segment/gap-width.png)
62-
63-
N> Refer to our [.NET MAUI Linear ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Linear ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfLinearProgressBar in .NET MAUI.
61+
![.NET MAUI Linear ProgressBar with segment gap width](images/segment/gap-width.png)

‎maui-toolkit/LinearProgressBar/States.md

+1-3
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,4 @@ this.Content = linearProgressBar;
6262

6363
{% endtabs %}
6464

65-
![.NET MAUI Linear ProgressBar with buffer](images\states\buffer.png)
66-
67-
N> Refer to our [.NET MAUI Linear ProgressBar](https://www.syncfusion.com/maui-controls/maui-progressbar) feature tour page for its groundbreaking feature representations. Also explore our [.NET MAUI Linear ProgressBar example](https://github.com/syncfusion/maui-demos/) that shows how to configure a SfLinearProgressBar in .NET MAUI.
65+
![.NET MAUI Linear ProgressBar with buffer](images\states\buffer.png)

0 commit comments

Comments
 (0)