Open Syncfusion Chromeless Window

1 minute read

Objective

I want to:

  1. Create WPF Prism Application Project

  2. Add Synchfusion Chromeless window

Demo Video

Below 🎬 video shows how to Open Syncfusion Chromeless Window in Visual Studio 2022.


Create Project

  • Open Visual Studio 2022 in your machine.

  • You will see a window as shown in below 👇🏻 image.

Visual Studio Home Page

  • Select “Create a new project” option as shown in below 👇🏻 image.

Create a new project

  • This will open a new screen as shown in below 👇🏻 image.

project options

  • In this screen, select “Prism Blank App (WPF)” project type then select “Next” button as shown in below 👇🏻 image.

select-prism-project

  • Now you will have below screen, where we need to configure our project as shown in below 👇🏻 image.

project-configuration-screen

  • In this screen I use following values shown in below 👇🏻 image.

    • Project Name: “BrowseSolidworksDocument”
    • Location: “D:\Dev”
    • Solution Name: “BrowseSolidworksDocument”

configure-project

  • When select “Next”, a new screen shows, selecting dependency injection container for project to use.

    • Selected Option: “Unity”

select-container

  • A new project open in visual studio 2022 as shown in below 👇🏻 image.

new-project

Add Syncfusion Chromeless Window

In this section we add Syncfusion Chromeless Window.

  • Build the project as shown in below 👇🏻 image.

build-solution

  • Open “NuGet Package” window as shown in below 👇🏻 image.

select-manage-nuget-package

  • “NuGet Package” window will appear as shown in below 👇🏻 image.

nuget-window

  • In “NuGet Package” window, go to “Browse” tab and search for Syncfusion.Shared.WPF then install it as shown in below 👇🏻 image.

install-syncfusion-wpf-package

  • Now open “MainWindow.xaml” file as shown in below 👇🏻 image.

open-mainwindow-file

  • In “MainWindow.xaml” file add namespace as shown in below 👇🏻 image.

add-syncfusin-namespace

  • Change “Window” with “ChromelessWindow” as shown in below 👇🏻 image.

add-chromeless-window

Final Result

Now we run the application as shown in below 👇🏻 image.

We get a message related to Syncfusion License, just do as shown in below image.

run-application

This is it !!!

I hope my efforts will helpful to someone!

If you found anything to add or update, please let me know on my e-mail.

Hope this post helps you to Open Syncfusion Chromeless Window.

If you like the post then please share it with your friends also.

Do let me know by you like this post or not!

Till then, Happy learning!!!

Updated: