diff --git a/Extension/WPF-Extension/Add-Item-images/Add-item.png b/Extension/WPF-Extension/Add-Item-images/Add-item.png new file mode 100644 index 00000000..e0e0aed6 Binary files /dev/null and b/Extension/WPF-Extension/Add-Item-images/Add-item.png differ diff --git a/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-item-3.png b/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-item-3.png new file mode 100644 index 00000000..9d211d5b Binary files /dev/null and b/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-item-3.png differ diff --git a/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-item-details.png b/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-item-details.png new file mode 100644 index 00000000..970ff8f2 Binary files /dev/null and b/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-item-details.png differ diff --git a/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-ui.png b/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-ui.png new file mode 100644 index 00000000..358e225b Binary files /dev/null and b/Extension/WPF-Extension/Add-Item-images/Add-syncfusion-ui.png differ diff --git a/Extension/WPF-Extension/Add-Item.md b/Extension/WPF-Extension/Add-Item.md index 125f36a1..f38f87c0 100644 --- a/Extension/WPF-Extension/Add-Item.md +++ b/Extension/WPF-Extension/Add-Item.md @@ -8,67 +8,51 @@ documentation: ug --- -# Add Syncfusion window to WPF application +# Add Syncfusion Components to the WPF Application -Visual Studio Item Templates are supported by Syncfusion to add a Syncfusion WPF Window to a WPF application with Syncfusion WPF references. The Syncfusion WPF window allows you to instantly customize the window title bar and includes various pre-installed themes for a more appealing user interface. +Syncfusion supports Visual Studio Item Templates to add Syncfusion WPF Components to a WPF application with Syncfusion WPF references. I> The Syncfusion WPF item templates are available from v19.1.0.54. -The steps below will guide you to adding the Syncfusion WPF window to your Visual Studio WPF application. +The following steps will guide you to add the Syncfusion WPF Components to your Visual Studio WPF application. -> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Tools -> Extensions and Updates -> Installed** for Visual Studio 2017 or lower, and **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 by going to Extensions -> Manage Extensions -> Installed. If this extension not installed, please install the extension by follow the steps from the [download and installation](download-and-installation) help topic. +> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 or later and Visual Studio 2017 or lower by going to **Tools -> Extensions and Updates -> Installed**. If this extension is not installed, please install the extension by following the steps from the [download and installation](https://help.syncfusion.com/wpf/visual-studio-integration/download-and-installation) help topic. -## Add window using Syncfusion Item Template gallery +## Add Components using Syncfusion Item Template 1. Open a new or existing WPF application. -2. From the **Solution Explorer, right-click** on the WPF application. Choose **Add Syncfusion Item...** - ![Choose Add Syncfusion Item option from right click project](Add-Item-images/Add-syncfusion-item.png) +**Option 1:** -3. The Syncfusion WPF Item Template Gallery wizard will be launched as like below. +2. From the **Solution Explorer, right-click** on the WPF application. Choose **Add Syncfusion Item...**. - ![Syncfusion WPF Item template Gallery](Add-Item-images/Syncufsion-Item-Template-Gallery.png) -4. Select the required window either Chromeless Window or Ribbon Window in the **Select Window** section. -5. Choose an assembly reference option such as GAC location, Essential Studio installed location, or NuGet packages, to specify where from the required Syncfusion assemblies are added to the project. + ![Choose Add Syncfusion Item option from right click project](Add-Item-images/Add-syncfusion-item.png) - > If the Syncfusion Essential WPF build is installed, the Installed location and GAC options will be enabled. Without installing the Syncfusion Essential WPF setup, you can use the NuGet option. When using the Syncfusion WPF window in a .NET Core application, the GAC option will not be available. The Version dropdown lists the installed WPF versions. -6. Provide the **name** for the selected window. -7. Click **Add button** to add the selected window into the WPF application along with required Syncfusion assemblies. +**Option 2:** - ![Syncfusion WPF Item template Gallery](Add-Item-images/Added-Item.png) -8. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages 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/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio. +3. Click **Extensions > Essential Studio for WPF > Add Syncfusion Item…** in Visual Studio. - ![Syncfusion WPF Item template Gallery](Add-Item-images/LicensePage.png) + ![Choose Add Syncfusion Item option from menu](Add-Item-images/Add-item.png) -## Add window using the Visual Studio Add New Item dialog -The Syncfusion Item Template can also be added from the Visual Studio Add New Item dialog. +4. The Syncfusion WPF Item Template wizard will be launched as follows. + ![Syncfusion WPF Item template Components](Add-Item-images/Add-syncfusion-ui.png) -1. To add a Syncfusion WPF window, follow either one of the following options: +5. Select the WPF Components from the Component list within your WPF Item Template. The features associated with the selected Component will be presented. From here, choose the specific features that are essential for your project. - **Option 1:** +6. Choose an assembly reference option such as GAC location, Essential Studio installed location, or NuGet packages to specify where the required Syncfusion assemblies are added to the project. - Click **Extensions >Syncfusion Menu** and choose **Essential Studio for WPF > Add Chromeless Window…** or any other window in Visual Studio. +N> If the Syncfusion Essential WPF build is installed, the Installed location and GAC options will be enabled. Without installing the Syncfusion Essential WPF setup, use the NuGet option. The GAC option will not be available when using the Syncfusion WPF Components in a .NET Core application. The Version drop-down lists the installed WPF versions. - ![Syncfusion Menu](Add-Item-images/SyncfusionMenu.png) +7. Click **Add**, and a pop-up will appear providing information about adding Component **files** and **NuGet/Assemblies** details. - > In Visual Studio 2017 or lower, you can see the Syncfusion menu directly in the Visual Studio menu. + ![Syncfusion WPF Item template details](Add-Item-images/Add-syncfusion-item-3.png) - **Option 2:** +8. Click **OK** to incorporate the chosen Components into the WPF application, along with the necessary Syncfusion assemblies. - Right-click the WPF application in Solution Explorer, select **Add > New Item**, and then navigate to Visual C# Items or VB Items. Refer to the following screenshot for more information. + ![Syncfusion WPF Item template Gallery](Add-Item-images/Add-syncfusion-item-details.png) - ![Add New Item Dialog](Add-Item-images/AddNewMenu.png) +9. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages 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/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio. - > The Syncfusion WPF Item Templates are available under the Syncfusion > WPF tab. It is available for both C# Items and VB Items. - - ![Add New Item Dialog](Add-Item-images/AddNewItemDialog.png) - -2. Click **Add** button and the selected window will be added to the project along with the Syncfusion NuGet references. - - ![Syncfusion WPF Item template Gallery](Add-Item-images/Added-Item.png) - -3. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages 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/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio. - - ![Syncfusion WPF Item template Gallery](Add-Item-images/LicensePage.png) \ No newline at end of file + ![Syncfusion WPF Item template Gallery](Add-Item-images/LicensePage.png) \ No newline at end of file diff --git a/Extension/WPF-Extension/Create-Project.md b/Extension/WPF-Extension/Create-Project.md index 22749a21..a052eddf 100644 --- a/Extension/WPF-Extension/Create-Project.md +++ b/Extension/WPF-Extension/Create-Project.md @@ -14,25 +14,27 @@ The Visual Studio Project Templates for the Syncfusion WPF platform allow you to I> The Syncfusion WPF templates are available from v16.1.0.24. +> WPF Project Template works seamlessly with Visual Studio 2015 or lower. For the Visual Studio 2017 or later versions, it is recommended to use a [WPF Template Studio](https://help.syncfusion.com/wpf/visual-studio-integration/template-studio). + Create the Syncfusion WPF project using the Visual Studio Project Template by following the steps below: -> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Tools -> Extensions and Updates -> Installed** for Visual Studio 2017 or lower, and **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 by going to Extensions -> Manage Extensions -> Installed. If this extension not installed, please install the extension by follow the steps from the [download and installation](download-and-installation) help topic. +> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio 2015 or lower by going to **Tools -> Extensions and Updates -> Installed**. If this extension not installed, please install the extension by follow the steps from the [download and installation](https://help.syncfusion.com/wpf/visual-studio-integration/download-and-installation) help topic. 1. To create a Syncfusion WPF project, follow either one of the options below: **Option 1:** - Click **Extensions >Syncfusion** Menu and choose **Essential Studio for WPF > Create New Syncfusion Project…** in **Visual Studio**. + Click **Syncfusion** Menu and choose **Essential Studio for WPF > Create New Syncfusion Project…** in **Visual Studio**. - ![Choose Syncfusion WPF Application from Visual Studio new project dialog via Syncfusion menu](Project-Template-images/Syncfusion_Menu_ProjectTemplate.png) + ![Choose Syncfusion WPF Application from Visual Studio new project dialog via Syncfusion menu](Project-Template-images/Syncfusion-Menu.png) - N> In Visual Studio 2017 or lower, you can see the Syncfusion menu directly in the Visual Studio menu. + N> In Visual Studio 2015 or lower, you can see the Syncfusion menu directly in the Visual Studio menu. **Option 2:** Choose **File -> New -> Project**. Opens a new dialog to create a new project. By filtering the project type with Syncfusion or using the Syncfusion keyword in the search option, you can get the templates offered by Syncfusion for WPF. ![Choose Syncfusion WPF Application from Visual Studio new project dialog](Project-Template-images/Syncfusion-Project-Template-Gallery2019-1.png) - In Visual Studio 2017 or lower, Select **File > New > Project** and navigate to **Syncfusion > Windows > Syncfusion WPF Application** in Visual Studio. + In Visual Studio 2015 or lower, Select **File > New > Project** and navigate to **Syncfusion > Windows > Syncfusion WPF Application** in Visual Studio. ![Choose Syncfusion WPF Application from Visual Studio new project dialog](Project-Template-images/Syncfusion-Project-Template-Gallery-1.png) @@ -44,20 +46,12 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo ![Syncfusion WPF project configuration wizard](Project-Template-images/Syncfusion-Project-Template-Gallery2019-2.png) - In Visual Studio 2017 or lower, Syncfusion WPF Application project configuration wizard. + In Visual Studio 2015 or lower, Syncfusion WPF Application project configuration wizard. ![Syncfusion WPF project configuration wizard](Project-Template-images/Syncfusion-Project-Template-Gallery-2.png) **Project Configurations** - **Project Type:** Choose .Net 6.0 and .NET 7.0 or .Net Framework as the project type. - - N> From Visual Studio 2019, Project type selection option will be available in Syncfusion WPF Project template configuration. The .Net 6.0 and .Net 7.0 option will be listed in project type when only the .Net 6.0 and .Net 7.0 SDK setup has been installed. - - > .NET 6.0 version is available from v19.4.0.38 and it support from Visual Studio 2022. - - > .NET 7.0 version is available from v20.4.0.38 and it support from Visual Studio 2022. - **Language:** Select the language, either CSharp or VB. N> VB language is available only when you choose .NET Framework from option in Visual Studio. @@ -66,7 +60,7 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo **Reference From:** Choose the assembly location such as NuGet, GAC Location, or Essential Studio installed location, from where the assembly is added to the project. - N> The installed location and GAC options will be available only after the Syncfusion Essential WPF setup has been installed. You can use the NuGet option instead of installing the Syncfusion Essential WPF setup. Also, the GAC option will not be available when you choose .Net 6.0 and .Net 7.0 from project type option in Visual Studio 2022. + N> The installed location and GAC options will be available only after the Syncfusion Essential WPF setup has been installed. You can use the NuGet option instead of installing the Syncfusion Essential WPF setup. **Installed ES Build Version:** To add the appropriate version assemblies to the project, choose the build version. @@ -78,7 +72,7 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo N> Project create option will be enabled only if you have selected the window -4. After choosing above project configuration options in the Project Configuration Wizard, click the create button then Syncfusion WPF project is created with the necessary assembly references and XAML. +4. After choosing above project configuration options in the Project Configuration Wizard, click the create button then Syncfusion WPF project is created with the necessary XAML files and required Syncfusion WPF assemblies/NuGet packages. ![Syncfusion WPF project created with required Syncfusion WPF assemblies](Project-Template-images/Syncfusion-Project-Template-Gallery-7.png) @@ -86,6 +80,6 @@ Create the Syncfusion WPF project using the Visual Studio Project Template by fo ![Syncfusion WPF project created with readme](Project-Template-images/Syncfusion-Project-Template-Gallery-10.png) -5. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages 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/license-key#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/Whats-New-in-2018-Volume-2-Licensing-Changes-in-the-1620x-Version-of-Essential-Studio.aspx) post for understanding the licensing changes introduced in Essential Studio. +5. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages 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), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. 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 WPF project](Project-Template-images/Syncfusion-Project-Template-Gallery-9.png) \ No newline at end of file diff --git a/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView1.png b/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView1.png index 5c222e4c..51788230 100644 Binary files a/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView1.png and b/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView1.png differ diff --git a/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView2.png b/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView2.png index b5f66aae..8e86da47 100644 Binary files a/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView2.png and b/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView2.png differ diff --git a/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView3.png b/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView3.png index def8aa45..123eeba4 100644 Binary files a/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView3.png and b/Extension/WPF-Extension/Overview-images/Syncfusion_Menu_OverView3.png differ diff --git a/Extension/WPF-Extension/Overview-images/WPF-1.png b/Extension/WPF-Extension/Overview-images/WPF-1.png new file mode 100644 index 00000000..a0baf62d Binary files /dev/null and b/Extension/WPF-Extension/Overview-images/WPF-1.png differ diff --git a/Extension/WPF-Extension/Overview.md b/Extension/WPF-Extension/Overview.md index d55fe469..33c96cf4 100644 --- a/Extension/WPF-Extension/Overview.md +++ b/Extension/WPF-Extension/Overview.md @@ -1,7 +1,7 @@ --- layout: post -title: WPF Extension | Extension | Syncfusion -description: The Syncfusion WPF Extensions provides you with quick access to Project Templates to create or configure the Syncfusion WPF Application +title: Visual Studio Extension for WPF | Syncfusion +description: The Syncfusion WPF Visual Studio Extensions provides you with quick access to Project Templates to create or configure the WPF Application. platform: extension control: Syncfusion Extensions documentation: ug @@ -9,20 +9,24 @@ documentation: ug # Syncfusion WPF Extension -The Syncfusion WPF Studio Extensions can be accessed through the Syncfusion Menu to create and configure the project with Syncfusion references in Visual Studio.The Syncfusion WPF Extensions supports Microsoft Visual Studio 2010 or higher. +The Syncfusion WPF Studio Extensions can be accessed through the Syncfusion Menu to create and configure the project with Syncfusion references in Visual Studio.The Syncfusion WPF Extensions supports Microsoft Visual Studio 2013 or higher. -N> Syncfusion Extension is published in the Visual Studio Marketplace. Refer to the following link. -[https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension) +N> Syncfusion Extension is published in Visual Studio Marketplace. We provided separate Syncfusion WPF Extension support for Visual Studio 2022 and Visual Studio 2019 or lower. Please refer below marketplace link. -I> The Syncfusion WPF menu option is available from v17.1.0.32. +[Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFVSExtension) + +[Visual Studio 2019 or lower](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension) + +I> The Syncfusion WPF menu option is available from `v17.1.0.32`. The Syncfusion provides the following extension supports in Visual Studio: -1. [Syncfusion WPF Project Template](./create-project): To create the Syncfusion WPF application by adding the required Syncfusion assemblies and XMAL. -2. [Add Item](./add-item): To add Syncfusion WPF Window into the WPF application with add Syncfusion WPF assemblies/NuGet packages. -3. [Reference Manager](./add-references): To add the required Syncfusion assembly to Windows project reference based on the selected control. -4. [Toolbox Configuration](./toolbox-configuration): To configure the Syncfusion controls into the Visual Studio .NET toolbox. -5. [Troubleshooter](./troubleshooting): Troubleshoot the project with the Syncfusion configuration and apply the fix like, wrong Framework Syncfusion assembly added to the project or missing any Syncfusion dependent assembly of a referred assembly. +1. [Template Studio](https://help.syncfusion.com/wpf/visual-studio-integration/template-studio): Syncfusion WPF Template Studio simplifies application development with its components by managing references and providing pre-defined code. It streamlines the process of creating WPF applications. +2. [Create Project](https://help.syncfusion.com/wpf/visual-studio-integration/create-project): Creates the Syncfusion WPF application by adding the required Syncfusion assemblies and XMAL. +3. [Add Item](https://help.syncfusion.com/wpf/visual-studio-integration/add-item): Add Syncfusion WPF Controls into the WPF application with add Syncfusion WPF assemblies/NuGet packages +4. [Add References](https://help.syncfusion.com/wpf/visual-studio-integration/add-references): Add the required Syncfusion assembly to WPF project reference based on the selected control(s). +5. [Toolbox Configuration](https://help.syncfusion.com/wpf/visual-studio-integration/toolbox-configuration): Configure the Syncfusion controls into the Visual Studio .NET toolbox. +6. [Troubleshooter](https://help.syncfusion.com/wpf/visual-studio-integration/troubleshooting): Troubleshoots the project with the Syncfusion configuration and apply the fix like, wrong Framework Syncfusion assembly added to the project or missing any Syncfusion dependent assembly of a referred assembly. **No project selected in Visual Studio** @@ -30,15 +34,10 @@ The Syncfusion provides the following extension supports in Visual Studio: **Selected Microsoft WPF application in Visual Studio** -![Syncfusion Menu when Selected Microsoft WPF application in Visual Studio](Overview-images/Syncfusion_Menu_OverView2.png) +![Syncfusion Menu when Selected Microsoft WPF application in Visual Studio](Overview-images/WPF-1.png) **Selected Syncfusion WPF application in Visual Studio** -![Syncfusion Menu when Selected Synfusion WPF application in Visual Studio](Overview-images/Syncfusion_Menu_OverView3.png) - -N> In Visual Studio 2019, Syncfusion menu available under Extension in Visual Studio menu. - -The Syncfusion WPF Visual Studio Extensions are installed along with the following setups, +![Syncfusion Menu when Selected Synfusion WPF application in Visual Studio](Overview-images/WPF-1.png) -* Essential Studio for Enterprise Edition with the platform WPF -* Essential Studio for WPF +N> In Visual Studio 2017 or lower, you can see the Syncfusion menu directly in the Visual Studio menu. diff --git a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Menu.png b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Menu.png new file mode 100644 index 00000000..c0b0399e Binary files /dev/null and b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Menu.png differ diff --git a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png index c5c06ed2..2aca02a4 100644 Binary files a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png and b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-1.png differ diff --git a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-2.png b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-2.png index 6d666882..fdbb6385 100644 Binary files a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-2.png and b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery-2.png differ diff --git a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery2019-2.png b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery2019-2.png index bcb01a8b..6d666882 100644 Binary files a/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery2019-2.png and b/Extension/WPF-Extension/Project-Template-images/Syncfusion-Project-Template-Gallery2019-2.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/Syncfusion-Project-Template-Gallery-9.png b/Extension/WPF-Extension/Template-Studio-Images/Syncfusion-Project-Template-Gallery-9.png new file mode 100644 index 00000000..0c68bf13 Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/Syncfusion-Project-Template-Gallery-9.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-1.gif b/Extension/WPF-Extension/Template-Studio-Images/WPF-1.gif new file mode 100644 index 00000000..b4614959 Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-1.gif differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-1.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-1.png new file mode 100644 index 00000000..a0baf62d Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-1.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-2.gif b/Extension/WPF-Extension/Template-Studio-Images/WPF-2.gif new file mode 100644 index 00000000..6864af0d Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-2.gif differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-2.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-2.png new file mode 100644 index 00000000..92850542 Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-2.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-3.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-3.png new file mode 100644 index 00000000..915f56e0 Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-3.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-4.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-4.png new file mode 100644 index 00000000..bb59372c Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-4.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-5.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-5.png new file mode 100644 index 00000000..3fbc827b Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-5.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-6.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-6.png new file mode 100644 index 00000000..bd3c857b Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-6.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-7.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-7.png new file mode 100644 index 00000000..1efb914f Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-7.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-8.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-8.png new file mode 100644 index 00000000..125558a1 Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-8.png differ diff --git a/Extension/WPF-Extension/Template-Studio-Images/WPF-9.png b/Extension/WPF-Extension/Template-Studio-Images/WPF-9.png new file mode 100644 index 00000000..de9165da Binary files /dev/null and b/Extension/WPF-Extension/Template-Studio-Images/WPF-9.png differ diff --git a/Extension/WPF-Extension/Template-Studio.md b/Extension/WPF-Extension/Template-Studio.md new file mode 100644 index 00000000..466c2d9a --- /dev/null +++ b/Extension/WPF-Extension/Template-Studio.md @@ -0,0 +1,89 @@ +--- +layout: post +title: Template Studio | Wpf | Syncfusion +description: Syncfusion provides the Visual Studio Project Templates for the Syncfusion WPF platform to create Syncfusion WPF Application by addiing the required assemblies +platform: extension +control: Syncfusion Extensions +documentation: ug +--- + + +# Syncfusion WPF Template Studio + +The WPF Template Studio is a tool Syncfusion provides specifically for building applications using their WPF components. This studio streamlines the development process by including essential Syncfusion components, managing necessary NuGet references, providing predefined namespaces, and generating component render code. It acts as a template studio wizard, making it easier for developers to create WPF applications using Syncfusion components. + +I> The Syncfusion WPF Template Studio is available from v23.1.36. + +N> WPF Template Studio works seamlessly with Visual Studio 2017 or later. For the Visual Studio 2015 or lower versions, it is recommended to use a [WPF project template](https://help.syncfusion.com/wpf/visual-studio-integration/create-project). + +Create the Syncfusion WPF project using the Visual Studio Project Template by following the provided steps. + +> Check whether the **WPF Extensions - Syncfusion** are installed or not in Visual Studio Extension Manager by going to **Extensions -> Manage Extensions -> Installed** for Visual Studio 2019 or later, and for Visual Studio 2017 by going to **Tools -> Extensions and Updates -> Installed**. If this extension is not installed, please install the extension by following the steps from the [download and installation](https://help.syncfusion.com/wpf/visual-studio-integration/download-and-installation) help topic. + +1. Open the Visual Studio 2022. + +2. Select one of the following options to create the Syncfusion WPF application + + **Option 1:** + Choose **Extension -> Syncfusion -> Essential Studio for WPF -> Create New Syncfusion Project…** from the Visual Studio menu. + + ![Choose Syncfusion WPF Application from Visual Studio new project dialog via Syncfusion menu](Template-Studio-Images/WPF-1.png) + + N> In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu. + + **Option 2:** + Choose **File -> New -> Project** from the menu. This launches a new dialogue for creating a new application. Filtering the application type by Syncfusion or typing Syncfusion as a keyword in the search option can help you find the Syncfusion templates for WPF. + + ![Choose Syncfusion WPF Application from Visual Studio new project dialog](Template-Studio-Images/WPF-2.png) + +3. Select the Syncfusion WPF Template Studio and click Next. + + ![Choose Syncfusion WPF Application from Visual Studio new project dialog](Template-Studio-Images/WPF-3.png) + +4. When you launch the **Syncfusion WPF Template Studio**, you will encounter a configuration wizard that allows you to set up your Syncfusion WPF application. In this wizard, you can choose your desired .NET Core Version or .NET Framework Version, as well as select the Reference type. + + ![Syncfusion WPF project configuration wizard](Template-Studio-Images/WPF-4.png) + + N> The installed location and GAC options will be available only after the Syncfusion Essential WPF setup has been installed. Use the NuGet option instead of installing the Syncfusion Essential WPF setup. Also, the GAC option will not be available when you choose .NET 6.0 and .NET 7.0 from the project type option in Visual Studio. + +5. Click **Next** or navigate to the **Project type** tab, then select the desired Syncfusion WPF application type. + + ![Syncfusion WPF project type selection wizard](Template-Studio-Images/WPF-5.png) + +6. Click **Next** or navigate to the **Pages** tab to access a list of available Syncfusion WPF components you can add to the application. + + ![Syncfusion WPF pages selection wizard](Template-Studio-Images/WPF-6.png) + + To unselect the added control(s), Click ‘x’ for the corresponding control in the control list from the Project Details. + + N> The Control Features option is not accessible for Blank, Settings, and Master Detail Pages. + +7. Click **Next** or navigate to the **Control Features** tab to view the listed features for the selected controls. From here, choose the features needed. + + ![Syncfusion WPF control features selection wizard](Template-Studio-Images/WPF-2.gif) + +8. Click **Next** or navigate the **App Features** tab to select the desired application features. + + ![Syncfusion WPF app features selection wizard](Template-Studio-Images/WPF-7.png) + +**Project Details Section** + +In the **Project Details** section, you can modify configurations and project types. Additionally, you can remove one or more controls from the selected list and remove the chosen application feature. + +![Syncfusion WPF project details selection and unselection wizard](Template-Studio-Images/WPF-8.png) + +9. Click **Create** to initiate the process. This action generates the Syncfusion WPF application. The resulting Syncfusion WPF app has the necessary Syncfusion NuGet packages, styles, and rendering code specific to the chosen Syncfusion component. + + ![Syncfusion WPF project created with readme](Template-Studio-Images/WPF-9.png) + +10. The Syncfusion WPF application is configured with the latest versions of Syncfusion WPF NuGet packages, complete with the appropriate namespaces and component render code for seamless integration of Syncfusion components. + + N> The .Net 6.0 and .Net 7.0 option will be listed in Select a framework version when only the .Net 6.0 and .Net 7.0 SDK setup has been installed. + + > .NET 6.0 version is available from v19.4.0.38 and it support from Visual Studio 2022. + + > .NET 7.0 version is available from v20.4.0.38 and it support from Visual Studio 2022. + +11. Then, Syncfusion licensing registration required message box will be shown if you installed the trial setup or NuGet packages 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), which is shown in the licensing message box to generate and register the Syncfusion license key to your project. 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 WPF project](Template-Studio-Images/Syncfusion-Project-Template-Gallery-9.png) \ No newline at end of file diff --git a/extension-toc.html b/extension-toc.html index 5fafc41f..05c7c3c9 100644 --- a/extension-toc.html +++ b/extension-toc.html @@ -240,6 +240,7 @@