Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (150).NET Core  (24)Angular  (42)ASP.NET  (48)ASP.NET Core  (57)ASP.NET MVC  (84)Azure  (28)Blazor  (74)DocIO  (18)Essential JS 2  (67)Essential Studio  (161)Flutter  (85)JavaScript  (141)Microsoft  (101)PDF  (54)React  (32)Succinctly series  (120)Syncfusion  (459)TypeScript  (30)Uno Platform  (2)UWP  (4)Vue  (26)Webinar  (18)Windows Forms  (54)WPF  (108)Xamarin  (119)XlsIO  (22)Other CategoriesBarcode  (4)BI  (29)Bold BI  (3)Build conference  (6)Business intelligence  (53)Button  (4)C#  (104)Chart  (45)Cloud  (9)Company  (445)Dashboard  (6)Data Science  (3)Data Validation  (3)DataGrid  (36)Development  (245)Doc  (7)DockingManager  (1)eBook  (91)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (16)Extensions  (11)File Manager  (3)Gantt  (8)Gauge  (6)Git  (3)Grid  (25)HTML  (9)Installer  (2)Knockout  (2)LINQPad  (1)Linux  (1)M-Commerce  (1)Metro Studio  (11)Mobile  (188)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (19)Performance  (3)PHP  (1)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (5)Road Map  (9)Scheduler  (20)SfDataGrid  (8)Silverlight  (21)Sneak Peek  (14)Solution Services  (2)Spreadsheet  (5)SQL  (5)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (9)Tips and Tricks  (44)UI  (106)Uncategorized  (68)Unix  (2)User interface  (67)Visual State Manager  (1)Visual Studio  (17)Visual Studio Code  (9)Web  (163)What's new  (108)Windows 8  (19)Windows App  (1)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Share on twitter
Share on facebook
Share on linkedin
Introducing WPF Item Template Support for Visual Studio

Introducing WPF Item Template Support for Visual Studio

We are glad to announce that the Syncfusion  WPF item template support for Visual Studio is now available in our Essential Studio 2021 Volume 1 release.

With this new feature, you can add different types of Syncfusion WPF windows into your WPF application with the required references. Our WPF windows also provide an option to quickly customize the window title bar and comes with various built-in themes to provide an appealing user interface.

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

Install the Syncfusion WPF extensions

The new WPF item template support is included in the Syncfusion WPF extensions. So to use them, we have to 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 2019.
  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 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

The Syncfusion WPF item template for Visual Studio has two windows:

  • Chromeless Window
  • Ribbon Window

With them, you can easily customize the title bar and change the built-in themes. To use the Syncfusion WPF item template, open an existing WPF app or create a new one in Visual Studio.

Here are three different ways you can use Syncfusion WPF item templates in your app.

Option 1: Using Syncfusion WPF item template gallery

Follow these steps to add the Syncfusion window from the Syncfusion WPF item template gallery:

  1. Right-click on your WPF application in the Solution Explorer window. Select the Add Syncfusion Item option from the menu.
    Choose Add Syncfusion Item option from the Solution Explorer window
  2. The Syncfusion WPF Item Template Gallery window will open. In this window, select either ChromelessWindow or RibbonWindow.
  3. Click the Installed Location radio button in the Reference From section.
  4. Provide a name for the window and click Add. Refer to the following screenshot.
    Syncfusion WPF Item Template Gallery window

Option 2: Using the Add New Item dialog and Syncfusion menu

Follow these steps to add the Syncfusion WPF window from the Add New Item dialog and Syncfusion menu:

  1. Open  Visual Studio 2019Navigate to Extensions ->Syncfusion -> Essential Studio for WPF -> Add Chromeless or Ribbon Window.
    Navigate to Extensions ->Syncfusion-> Essential Studio for WPF > Add Chromeless or Ribbon Window

    Note: In Visual Studio 2017 or older versions, the Syncfusion menu will be in the Visual Studio menu directly.

  1. The Add New Item – SyncfusionWPF dialog will appear with the selected window. In this dialog box, provide a name for the window and click Add.
    Add New Item – SyncfusionWPF window

Option 3: Using the Add New Item dialog alone

Follow these steps to add the Syncfusion WPF Window from the Add New Item dialog alone:

  1. Right-click on your WPF application in the Solution Explorer window.
  2. Select Add -> New Item. Navigate to Visual C# or Visual Basic -> Syncfusion-> WPF. Select the required window and click Add.
  3. Choose either the Chromeless Window or Ribbon Window.
  4. Provide a name for the window and click the Add button.
    Add New Item – SyncfusionWPF windowThe selected window will be added into your WPF application with the required Syncfusion WPF references as shown in the following screenshot.
    Added ChromelessWindow1.xaml window in WPF application

How to run the Syncfusion WPF Window

Follow these steps to run the application with the created window:

  1. Open the App.xaml file in your WPF application.
  2. Change the StartupUri attribute value to WindowName.xaml. For Example, if the added window name is ChromelessWindow1, then change the value to ChromelessWindow1.xaml as shown here.
    Change the StartupUri attribute value to the ChromelessWindow1.xaml
  3. Now, run the application. The added Syncfusion WPF window will open in your application.

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 support for Visual Studio. For more information, refer to our adding Syncfusion window to WPF app documentation. This feature is available in our 2021 Volume 1 release. You can also check out other new WPF features in our Release Notes and What’s New pages.

The Syncfusion WPF 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 to check out our wares. Also, we encourage you to try our samples available at this GitHub 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 forumDirect-Trac, or feedback portal. We are always happy to assist you!

Related blogs

Tags:

Share this post:

Share on twitter
Share on facebook
Share on linkedin

Leave a comment

Popular Now

Be the first to get updates

Subscribe RSS feed
Scroll To Top