diff --git a/Extension/Blazor-Extension/Visual-Studio/scaffolding.md b/Extension/Blazor-Extension/Visual-Studio/scaffolding.md index 66bb50f9..2de876b2 100644 --- a/Extension/Blazor-Extension/Visual-Studio/scaffolding.md +++ b/Extension/Blazor-Extension/Visual-Studio/scaffolding.md @@ -49,16 +49,16 @@ The steps below assist you to how to add a scaffolded item to your Blazor applic ![Choose required Model](images/Model_Window_Local.png) - > **Note:** We are introducing Adaptor types in Blazor scaffolding for remote data. + N> We are introducing Adaptor types in Blazor scaffolding for remote data. 2. Remote Data To set up your application with remote data, first enter the **Razor page name**, choose the **Adaptor type**, and then enter the valid **URL**. Next, enter the **TValue**. Finally, click **Next** to continue. - > **Note:** In the DataGrid and TreeGrid controls, when selecting the **URL adaptor** in the **Adaptor type**, an additional **Remote service** option will appear. You need to select either the **Localhost URL** or **API URL**. + N> In the DataGrid and TreeGrid controls, when selecting the **URL adaptor** in the **Adaptor type**, an additional **Remote service** option will appear. You need to select either the **Localhost URL** or **API URL**. If you select the **Localhost URL**, enter the **Controller/Service name**. Then, select the required **Model class** for the active application and choose the relevant **Data context class**. Finally, click **Next** to continue. If you select the **API URL**, enter the valid **URL**. Next, enter the **TValue**. Finally, click **Next** to continue. - + ![Choose required Model](images/Model_Window_Remote.png) When using adaptor types in Blazor scaffolding, it's important to note that we provide default adaptor links for sample purposes only. These default links are designed to help you understand how the adaptors work, but they do not perform CRUD (Add, Edit, Update, Delete) operations. Instead, these default links are placeholders to demonstrate the integration process. diff --git a/Extension/NETMAUI-Extension/Visual-Studio-Code/create-project.md b/Extension/NETMAUI-Extension/Visual-Studio-Code/create-project.md index 58343d54..1fa95368 100644 --- a/Extension/NETMAUI-Extension/Visual-Studio-Code/create-project.md +++ b/Extension/NETMAUI-Extension/Visual-Studio-Code/create-project.md @@ -19,31 +19,45 @@ The following steps below will assist you to create your **Syncfusion .NET MAUI ![CreateProjectPalette](images/CreateProjectPalette.png) -2. Select **Syncfusion .NET MAUI Template Studio: Launch** and press **Enter**. This will launch the Template Studio wizard for configuring the Syncfusion .NET MAUI app. Enter the Project Name and Project Path as required. +2. Select **Syncfusion .NET MAUI Template Studio: Launch** and press **Enter**. This will launch the Template Studio wizard for configuring the Syncfusion .NET MAUI application. Enter a unique **Project Name** to identify your application, and then specify the **Project Location**, which is the directory where your project files will be saved. Ensure that the chosen location meets your project's needs. ![CreateProject](images/TemplateStudioWizard.png) -3. To select a control, click on the **Next** button or the **Controls** tab. You can then add the following Syncfusion .NET MAUI components to the application. Choose the required Syncfusion .NET MAUI components. +3. To select a component, click the **Next** button or the **Components** tab. From there, you can add the desired Syncfusion .NET MAUI components to your application. Simply choose the necessary Syncfusion .NET MAUI components for your project. - ![CreateProject](images/MAUICreateProject.gif) + ![SelectComponents](images/MAUIControlSelection.gif) - Select the required control(s) by clicking on the corresponding checkbox. + Select the required component(s) by clicking on the corresponding checkbox. - To unselect a control that has been added, click on the checkbox of the selected control. + Choose the required component(s) by clicking the corresponding component box. - N> **Note:** Select at least one control to enable the **Create** button. + To unselect the added component(s), use either one of the following options: - **Project details section** + **Option 1:** Click the corresponding selected component checkbox. - In the Project Details section, you can modify the Project Name, Project Path, and their configurations. You can also choose the desired .NET Core Version (.NET 7.0 or .NET 8.0). + **Option 2:** Click **‘x’** button for the corresponding component in the component list from **Components Selected**. -4. Click the **Create** button to generate the Syncfusion .NET MAUI application. The created application includes the necessary Syncfusion NuGet packages and rendering code for the selected Syncfusion components. + N> **Note:** Select at least one control to enable the **Features** tab. -5. You can run the application to see the Syncfusion components. Click **F5** or go to **Run>Start Debugging**. +4. The features for the selected controls will be displayed when you click the **Next** button or the **Features** tab. From there, you can select or unselect the desired features for your selected components. - ![Debug](images/Debug.png) + ![SelectFeatures](images/MAUIControlFeatureSelection.gif) -6. The Syncfusion .NET MAUI application is configured with the latest Syncfusion .NET MAUI NuGet packages version, namespaces, and component rendering code for Syncfusion components. + **Project Summary section** -7. If you installed the trial setup or NuGet packages from nuget.org you must register the Syncfusion license key to your application since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion license key to your application. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx?_ga=2.11237684.1233358434.1587355730-230058891.1567654773) post for understanding the licensing changes introduced in Essential Studio. + In the **Project Summary** section, you can customize the **Project Name** to uniquely identify your application and specify the **Project Location**, which is the directory where your project files will be saved. You can also adjust the **Configuration Settings** by removing one or more controls from the **Components Selected** list. Additionally, choose your preferred **Core Version** (.NET 7.0 or .NET 8.0) and **Theme** (Material Light or Material Dark). + + ![ProjectSummary](images/MAUIProjectSummary.png) + +5. Click the **Create** button to generate the Syncfusion .NET MAUI application. The created application includes the necessary Syncfusion NuGet packages and rendering code for the selected Syncfusion components. + +6. To view the Syncfusion components in your application, run it by pressing **F5** or selecting **Run > Start Debugging**. Then, search for **.NET MAUI** and select it to launch the application. + + ![Debug](images/Debug.gif) + + N> **Note:** If the .NET MAUI extension is a preview version, the debugger will be listed as **.NET MAUI**. However, if the .NET MAUI extension is stable, this configuration will be replaced with **C#**. + +7. The Syncfusion .NET MAUI application is configured with the latest Syncfusion .NET MAUI NuGet packages version, namespaces, and component rendering code for Syncfusion components. + +8. If you installed the trial setup or NuGet packages from nuget.org you must register the Syncfusion license key to your application since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion license key to your application. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx?_ga=2.11237684.1233358434.1587355730-230058891.1567654773) post for understanding the licensing changes introduced in Essential Studio. diff --git a/Extension/NETMAUI-Extension/Visual-Studio-Code/images/Debug.gif b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/Debug.gif new file mode 100644 index 00000000..8f6aac79 Binary files /dev/null and b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/Debug.gif differ diff --git a/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIControlFeatureSelection.gif b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIControlFeatureSelection.gif new file mode 100644 index 00000000..3f53ae29 Binary files /dev/null and b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIControlFeatureSelection.gif differ diff --git a/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIControlSelection.gif b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIControlSelection.gif new file mode 100644 index 00000000..ca3d4ebb Binary files /dev/null and b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIControlSelection.gif differ diff --git a/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIProjectSummary.png b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIProjectSummary.png new file mode 100644 index 00000000..db7c4265 Binary files /dev/null and b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/MAUIProjectSummary.png differ diff --git a/Extension/NETMAUI-Extension/Visual-Studio-Code/images/TemplateStudioWizard.png b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/TemplateStudioWizard.png index 355c4851..97c6bd30 100644 Binary files a/Extension/NETMAUI-Extension/Visual-Studio-Code/images/TemplateStudioWizard.png and b/Extension/NETMAUI-Extension/Visual-Studio-Code/images/TemplateStudioWizard.png differ diff --git a/Extension/WPF-Extension/Template-Studio.md b/Extension/WPF-Extension/Template-Studio.md index f8c7ce4a..9f1f3545 100644 --- a/Extension/WPF-Extension/Template-Studio.md +++ b/Extension/WPF-Extension/Template-Studio.md @@ -92,7 +92,7 @@ In the **Project Details** section, you can modify configurations and project ty *I. Application Host:* - - Registers **ApplicationHostService** to manage the app's life cycle. + - Registers **ApplicationHostService** to manage the app's lifecycle. *II. Specific Services:* - Registers **PageService** and **NavigationService** for handling page navigation. diff --git a/Extension/WindowsForms-Extension/Template-Studio.md b/Extension/WindowsForms-Extension/Template-Studio.md index 01011819..e1888a05 100644 --- a/Extension/WindowsForms-Extension/Template-Studio.md +++ b/Extension/WindowsForms-Extension/Template-Studio.md @@ -93,7 +93,7 @@ Create the Syncfusion WinForms project using the Visual Studio Project Template 10. When you create a WinForms project, the following Dependency Injection (DI) setup is added to the **Program.cs** file. This setup registers services, view models, and views with the DI container, ensuring proper functionality and service management within your application. Below **ConfigureServices** method in program.cs file establishes the DI setup in a WinForms project. It manages the application's services, view models, and views. Here's a detailed breakdown: *I. Application Host:* - - Registers **ApplicationHostService** to manage the app's life cycle. + - Registers **ApplicationHostService** to manage the app's lifecycle. *II. Specific Services:* - Registers **PageService** and **NavigationService** for handling page navigation. @@ -124,8 +124,7 @@ Here's a simple explanation: ![Resources](Template-Studio-Images/Resources.png) - - >The .NET 6.0, .NET 7.0, and .NET 8.0 options will be available in the Select a framework version dropdown only if the respective .NET SDKs are installed on your system. The table below outlines the .NET versions, the specific product versions from which they are available, and the Visual Studio versions that support them: + > The .NET 6.0, .NET 7.0, and .NET 8.0 options will be available in the Select a framework version dropdown only if the respective .NET SDKs are installed on your system. The table below outlines the .NET versions, the specific product versions from which they are available, and the Visual Studio versions that support them: > > > @@ -153,7 +152,6 @@ Here's a simple explanation: > >
- 13. If you install the trial setup or NuGet packages from nuget.org, you must register the Syncfusion license key to your application since Syncfusion introduced the licensing system from the 2018 Volume 2 (v16.2.0.41) Essential Studio release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key) to generate and register the Syncfusion license key to your application. Refer to this [blog](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) post for understanding the licensing changes introduced in Essential Studio. ![Syncfusion license registration required information dialog in Syncfusion WinForms project](Template-Studio-Images/Syncfusion-Project-Template-Gallery-8.png) \ No newline at end of file