---
title: "Introducing WPF Item Template Support for Visual Studio"
published_at: "2021-05-03T10:00:32+00:00"
modified_at: "2026-01-19T09:48:21+00:00"
url: "https://www.syncfusion.com/blogs/post/wpf-item-template-visual-studio"
excerpt: "This blog explains the new WPF item template support for Visual Studio in the 2021 Volume 1 release, and how to install and use it in your apps."
taxonomy_category:
  - "Desktop"
  - "Extensions"
  - "Performance"
  - "Syncfusion"
  - "Visual Studio"
  - "What's new"
  - "WPF"
taxonomy_post_tag:
  - "desktop"
  - "productivity"
  - "Visual Studio Extensions"
  - "What's New"
  - "WPF"
---

# Introducing WPF Item Template Support for Visual Studio

[Abishake Dakshinamoorthy](https://www.syncfusion.com/blogs/author/abishake-dakshinamoorthy)

![Introducing WPF Item Template Support for Visual Studio](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Introducing-WPF-Item-Template-Support-for-Visual-Studio.png)


We are glad to announce that the Syncfusion [WPF item template](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension)
 support for Visual Studio is now available in our [Essential Studio® 2021 Volume 1 release](https://www.syncfusion.com/forums/164043/essential-studio-2021-volume-1-release-v19-1-0-54-is-available-for-download)
.

Syncfusion [WPF item templates](https://help.syncfusion.com/wpf/visual-studio-integration/add-item)
 are designed to facilitate the seamless integration of [Syncfusion WPF controls](https://www.syncfusion.com/wpf-controls)
. With these, developers can effortlessly incorporate the required XAML files and assemblies for a Syncfusion control directly from the user interface. This streamlined approach enhances productivity and simplifies the development process, ensuring a smoother experience when building WPF apps with Syncfusion’s feature-rich components.

In this blog, we are going to explain how to install the Syncfusion WPF extensions and then add the Syncfusion WPF controls to your app with the new item template support.

## Install the Syncfusion WPF extensions

The new WPF item template support is included in the Syncfusion [WPF extensions](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension)
. So, to use them, we should install the Syncfusion WPF extensions in Visual Studio.

### Install from the Visual Studio Manage Extensions dialog box

Follow these steps to install the **Syncfusion WPF extensions** through the Visual Studio Manage Extensions dialog box:

1. Open [Visual Studio 2022](https://visualstudio.microsoft.com/vs/) .
2. Navigate to **Extension ->Manage Extensions**.** Note:** If you’re using Visual Studio 2017 or older, you have to navigate to ** Tools -> Extensions** ** and** ** Updates.**
3. Select the **online** tab on the left side and search for ** Syncfusion WPF** using the search box.
4. Select the **WPF Extensions -> Syncfusion** option from the list and click the ** Download** button.
5. Close all Visual Studio instances and click **Modify** in the VSIX installer to install the extension.

### Install from the Visual Studio Marketplace

Follow these steps to install the **Syncfusion WPF extensions** from the Visual Studio Marketplace:

1. Download the Syncfusion [WPF Extensions](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension) from the Visual Studio Marketplace.
2. Close all running Visual Studio instances, if any.
3. Double-click on the downloaded extension. The VSIX Installer window will open. In it, click the**Install** button.

## How to use the Syncfusion WPF item template

Follow these steps to use Syncfusion WPF item template support:

1. To integrate Syncfusion WPF item templates into your WPF app, use one of the following options: **Option1:** Right-click on your WPF app in the ** Solution Explorer** window. Select the ** Add Syncfusion Item** option from the menu. ![Select Add Syncfusion Item in the menu](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Select-Add-Syncfusion-Item-in-the-menu.png)** Option 2:**In the Visual Studio toolbar, choose ** Extensions -> Syncfusion –**> ** Essential Studio® for WPF -> Add Syncfusion Item**.![Choose Extensions -> Syncfusion -> Essential Studio® for WPF -> Add Syncfusion Item](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Choose-Extensions-Syncfusion-Essential-Studio-for-WPF-and-Add-Syncfusion-Item.png)** Note:**In Visual Studio 2017 or older versions, the Syncfusion menu is directly in the Visual Studio menu.
2. The **Syncfusion WPF Item Template Gallery** window will open. ![Syncfusion WPF Item Template Gallery window](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Syncfusion-WPF-Item-Template-Gallery-window.png)Using the Syncfusion WPF Item Template, we can add three types of window items. Please refer to the following table for details on how to add each type.| S.No | Window type | Control | Window details | | --- | --- | --- | --- | | 1 | Select a Default window. If the Default window is selected, the Blank control option will not be enabled. | Select any control. Eg., DataGrid | The Default window item will be added to your app alongside the DataGrid control’s code snippet and features. | | 2 | Select any window except Default. Eg., Chromeless Window | Select a Blank control. | The default Chromeless Window item will be added to your app. | | 3 | Select any window except Default. Eg., Chromeless Window | Select any control. Eg., DataGrid | The Chromeless Window item will be added to your app alongside the DataGrid control’s code snippet and features. | Select any option from the **Select Window** section to add the required window in your WPF app. ![Select any option from the Select Window](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Select-any-option-from-the-Select-Window.png)
3. Select the required Syncfusion WPF control from the **Select Control** section to add it to your app.** Note:**In the ** Select Control** section, the ** Blank** control will be enabled only when a window other than the default is selected from the ** Select Window** section.
4. Choose the features of the selected control from the **Select Features** section. These features will be incorporated as code snippets in the XAML files within your WPF app.
5. Choose an assembly reference option—**GAC**, ** Installed Location**, or ** NuGet—**to specify where the required Syncfusion assemblies need to be added from.** Note:** The Installed Location and GAC options will be displayed only when the Syncfusion Essential WPF build is installed. If the Syncfusion Essential WPF build is not installed, you can only use the NuGet option. When using the Syncfusion WPF window in a .NET Core app, the GAC option will not be available. By default, the Version dropdown lists only the installed WPF versions.
6. Provide a name for the selected window.
7. Click **Add**. The ** Adding Files and Assemblies** window will open, where you can view the details of the assemblies and files being added to our WPF app.![Adding Files and Assemblies window](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Adding-Files-and-Assemblies-window.png)
8. Click **OK** to add the selected Syncfusion WPF control into your WPF app with the required Syncfusion assemblies. Refer to the following images. ![Add the selected Syncfusion WPF control to WPF app with the required Syncfusion assemblies](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Add-the-selected-Syncfusion-WPF-control-to-WPF-app-with-the-required-Syncfusion-assemblies.png) ![Solution explorer window](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Solution-explorer-window.png)
9. A Syncfusion licensing message will be shown if you installed the trial setup or NuGet packages because Syncfusion introduced a licensing system in the [2018 Volume 2 (v16.2.0.41) Essential Studio® release](https://www.syncfusion.com/blogs/post/whats-new-in-2018-volume-2.aspx) . Click the **help topic** link for information on generating and registering the Syncfusion license key in your project. Refer to our [blog on licensing](https://www.syncfusion.com/blogs/post/introducing-license-key-validation-for-the-essential-js-2-platforms.aspx) to learn more. ![Syncfusion licensing message](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Syncfusion-licensing-message.png)

## How to run the Syncfusion WPF Window

Follow these steps to run the application with the created Syncfusion WPF control:

1. Open the **App.**** xaml** file in your WPF app.
2. Change the **StartupUri** attribute value to **WindowName.xaml**. For Example, if the added control name is ** DataGrid1,** then change the value to ** DataGrid1.xaml**as shown in the following markup. ![Change the StartupUri attribute value to WindowName.xaml](https://www.syncfusion.com/blogs/wp-content/uploads/2021/05/Change-the-StartupUri-attribute-value-to-WindowName.xaml_.png)
3. Now, run the app. The added Syncfusion WPF window will open in your app.

## Conclusion

Thanks for reading! In this blog, we have seen how to install the Syncfusion WPF extensions and add a WPF window with the new [WPF item template](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.WPFExtension)
 support for Visual Studio. For more information, refer to our [adding Syncfusion window to WPF app documentation](https://help.syncfusion.com/extension/wpf-extension/add-item?utm_medium=listing&utm_source=vs_marketplace&utm_campaign=wpf-trial-vs_marketplace)
. This feature is available in our [2021 Volume 1](https://www.syncfusion.com/forums/164043/essential-studio-2021-volume-1-release-v19-1-0-54-is-available-for-download)
 release. You can also check out other new WPF features in our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v19.1.0.54)
 and [What’s New](https://www.syncfusion.com/products/whatsnew)
 pages.

The Syncfusion [WPF](https://www.syncfusion.com/wpf-ui-controls)
 controls include over 100 modern UI controls for building beautiful, high-performance line-of-business WPF applications. Use them to boost your application development speed.

If you aren’t a Syncfusion customer yet, you can try our 30-day [free trial](https://www.syncfusion.com/downloads)
 to check out our wares. Also, we encourage you to try our samples available at this [GitHub](https://github.com/syncfusion)
 location.

If you wish to send us feedback, please use the comments section below. If you would like to submit any questions, please feel free to contact us through our [support forum](https://www.syncfusion.com/forums)
, [support portal](https://support.syncfusion.com/)
, or [feedback portal](https://www.syncfusion.com/feedback/)
. We are always happy to assist you!

## Related blogs

- [What’s New in 2021 Volume 1: WPF TreeView](https://www.syncfusion.com/blogs/post/whats-new-in-2021-volume-1-wpf-treeview.aspx)
- [What’s New in 2021 Volume 1: WPF](https://www.syncfusion.com/blogs/post/whats-new-in-2021-volume-1-wpf.aspx)
- [How to Achieve Visual Studio-Like Layout State Persistence in WPF](https://www.syncfusion.com/blogs/post/achieve-visual-studio-like-layout-state-persistence-wpf.aspx)
- [6 Incredible Features of WPF AutoComplete Text Box](https://www.syncfusion.com/blogs/post/6-features-of-wpf-autocomplete-text-box.aspx)