How to run a WinForms Application Inside the Web Browser

Do you have a WinForm (C#) application that you wish to publish on the web?

Thinfinity VirtualUI allows you to do so by adding a small line of code to your C# application so it can then be accessed from any OS and device via an HTML-able browser.

Before starting please make sure you are running the latest Thinfinity VirtualUI version and download our C# demo:

https://www.cybelesoft.com/support/files/DemosVUI/cSharpDemo.zip

Now you can follow these steps to integrate a .NET WinForm (C#) application with Thinfinity VirtualUI:

1. Open Microsoft Visual Studio

2. Open the .sln project of the provided demos:

Running a WinForms Application Inside your Web Browser

3. Right-click on the project name in the ‘Solution Explorer’ panel and then select ‘Add’ > ‘Existing Item’. Look for the Thinfinity.VirtualUI.cs file, which is typically located in C:\Program Files\Thinfinity\VirtualUI\Dev\dotNet\

Running a WinForms Application Inside your Web Browser

4. In the program.cs file, add the following line:

Running a WinForms Application Inside your Web Browser

5. Compile your program and run it in debug mode.

Once the debug is finished you will see this message popup:

Running a WinForms Application Inside your Web Browser

If you press the ‘Start Web Browser’ button, a web browser will open pointing to the application. The application will also open in desktop mode.

6. Alternatively, you are able to choose “Do not show again” and manually launch the application on the web by going to the “Thinfinity VirtualUI Development Server” systray icon:

Running a WinForms Application Inside your Web Browser

This systray icon shows up whenever you debug an application with your IDE. You can right-click on the icon and then click on the ‘Open Web Browser’.

A Web browser window will open and your application will be running inside.

Running a WinForms Application Inside your Web Browser

When you run your application under an IDE, it automatically starts in web mode. In order to access the application, open your web browser and point to http://127.0.0.1:6080

8. You can also click on the ‘Server Manager‘ menu of the tray bar icon to access the Development Server Manager.

Should you have any questions, contact us at support@cybelesoft.com or leave a message on this same post.

Related Posts

Leave a comment