LogoLogo
WinForms to WebPowerBuilder to .NETPowerBuilder to Java
  • WebMAP Documentation | Mobilize.Net
  • WinForms
    • Introduction
    • Getting Started
    • Conversion Process
    • Post-Conversion
    • Extend or Modify the Converted Application
      • NoWebMap Forms Winforms
        • How to add a new Form
        • Adding the created form to the migrated App
        • Interacting with the application data
        • Call the custom API
        • Interaction between the no webmap added Form and the WebMap components
      • Adding a component
      • Adding a component dynamically
      • Add a new control model
      • Switching CSS theme
      • Adding new window
      • Conversion Configuration
        • WebMAP configuration file
        • Stub Filter
      • Adding Non-WebMap Angular Forms
      • Adding FrontEnd Handler to a ToolStripMenuItem
      • Changing ToolStripButton icons
      • Adding new items to existing toolbar
      • Adding FrontEnd element properties and JS listeners
      • Adding FrontEnd output handlers
      • Access FrontEnd components
      • Create custom components based on existing WebMap Component
      • Override FrontEnd methods
    • Assessment Mode
    • Errors and Troubleshooting
      • How to resolve broken reference problems with VBUC
    • Portability
    • Glossary
    • Release Notes
    • Internal Demos
    • Known Issues
    • WinForms DCP
  • WebForms
    • Introduction
    • Overview
    • Desktop Compatibility Platform (DCP)
      • Pages and Master Pages
      • GridView and DataList data synchronization
      • HTTP objects
    • Post-Conversion
    • Extend or Modify the Converted Application
      • Adding FrontEnd validator
      • Adding Page
      • Adding MasterPage
    • Designer classes on WebForms Conversion Tool
    • Errors and Troubleshooting
      • How fix Solution when have been added website from filesystem without project file
    • Release Notes
  • PowerBuilder to .Net
    • Introduction
    • Getting Started
      • Conversion Tool
    • Desktop Compatibility Platform (DCP)
      • Data Manager
    • Reports
      • Report Rendering in Modernized Code
      • ReportWatcher Service Configuration
      • Data Manager to RDL Conversion
      • Reporting Service Internals
      • Troubleshooting
  • PowerBuilder to Java
    • Introduction
    • Getting started
    • Post-Conversion
      • Setup PBJava Environment
      • Architecture
      • App Start
    • Glossary
    • Errors
    • Glossary
    • FAQ
      • How to create a new Control
      • How to create a new Screen
      • What is the Mobilize.WebMAP.CoreServices.All?
      • What is the DesignerAttribute?
      • What is the InterceptedAttribute?
      • What is the InterceptedAttribute?
      • What is the ObservableAttribute?
      • What is the Mobilize.Weaving.WebMAPExtensions.All?
  • General
    • FrontEnd
      • Documentation
        • Webforms Angular Components
          • Web Components
            • Base Components
              • BaseValidator Component
            • KendoUI Components
              • CompareValidator
              • CustomValidator
              • RegularExpressionValidator
              • RequiredFieldValidator
              • ValidationSummary
          • Directives
          • AJAX Web Components
            • AjaxCalendar
            • AjaxModalPopupExtender
          • Ajax Interaction Services
        • Client Core
          • WebMap's Client Core
        • Angular Client
          • Introduction
          • WebMap Service
          • WebMap Interceptor Service
        • Base Components
          • Introduction
          • Components
            • Container
            • Control
            • ControlContainer
            • FormsContainer
            • Loading
            • Stub
        • Winforms Angular Components
          • Web Components
            • Base Components
              • Control Component
              • Form Container
              • Grid Component
              • Style
            • KendoUI Components
              • AdoDataControl
              • Button
              • C1TrueDBGrid
              • CheckBox
              • CheckedListBox
              • ComboBox
              • ContextMenuStrip
              • DataGridView
              • DataGridViewFlex
              • DateTimePicker
              • FileDialog
              • GroupBox
              • Label
              • ListBox
              • ListView
              • MaskedTextBox
              • MessageBox
              • NumericUpDown
              • Panel
              • PictureBox
              • PrintDialog
              • ProgressBar
              • RadioButton
              • RichTextBox
              • StatusStrip
              • Stup
              • TabControl
              • TabPage
              • TextBox
              • Timer
              • ToolStrip
              • TreeView
              • WebBrowser
              • Window
            • JQuery Web Components
          • WebMap FrontEnd Architecture
          • Migrated Structure
          • Setup
            • Front-End setup and compilation
            • Components Manual
            • Browser Support
            • Unit Test Manual
            • Development Process
            • Setup AOT/JIT Compilation
          • Decorators
            • Server Event
          • Conventions
            • Application Structure and NgModules
            • Coding
            • Components
            • Data Service
            • Directives
            • Lifecycle hooks
            • Names
            • Services
        • PowerBuilder Kendo Components
          • Base Components
            • base-component
            • column-control
            • controlcontainer
          • Data Manager Componets
            • base-data-manager
            • data-manager-control
            • data-manager-control-base
            • dw-checkbox
            • dw-column
            • dw-complexNumericMaskComponent
            • dw-compute
            • dw-date-time-edit-mask
            • dw-dropdowndatawindow
            • dw-edit
            • dw-edit-mask
            • dw-radio-button
            • dw-simple-numeric-edit-mask
            • dw-string-edit-mask
            • dw-time-edit-mask
          • Window Components
            • basemask
            • graphics
            • w-checkbox
            • w-command-button
            • w-complex-numeric-mask
            • w-date-time-edit-mask
            • w-dropdownlistbox
            • w-group-box
            • w-line
            • w-listbox
            • w-maskedtextbox
            • w-mdiclient
            • w-menu
            • w-multiline
            • w-picture
            • w-picture
            • w-radiobutton
            • w-rectangle
            • w-simple-numeric-edit-mask
            • w-single-line-edit
            • w-statictext
            • w-string-edit-mask
            • w-time-edit-mask
            • w-toolbar
            • w-toolbaritem
            • w-user-object
            • w-window
          • Services
            • DmInteractionService
          • DataManagerEvents
          • FocusManager guide
      • Api Documentation
        • WebMap Silverlight
        • WfNetC1Components
        • WebFormsComponents
      • Guides
        • Setup NPM package registry in the workspace
        • How to Setup WebMap Applications To Run Over SubDomains or WebApplications In IIS
        • Deploy several WebMap Apps in the same Server
        • Update to Angular 16
        • Appearance
          • How to change the CSS
          • How to override the style for a component
        • Component maintenance
          • How link WebMap package to the migrated Application
          • How to resolve broken reference problems with VBUC
          • How to test a local WebMap Components package
          • How to add a new component in a migrated application
          • How to update a component
          • Dynamic Control Support
          • How to add new set of component with a different provider
          • How to test your component in the playground
          • Tools
        • WMLogger
          • How to use the WMLogger's instance
          • How to change log's level
          • How to add log tags
        • Integration test
        • Setup WebMap Applications to Run Front-End And Back-End In Separates Sites
          • Setup WebMap Applications To Run Front-End And Back-End In Separates Sites in Production (IIS)
        • Setup Migrated WebMap Applications To Run Front-end & Back-end In Separates Sites (Only development)
        • Initial Set Up
          • Software to Install
          • Necessary Repositories
      • Errors
      • Version Notes
        • Client Core
        • Angular Client
        • Web Base Components
        • Winforms Angular Components
        • PowerBuilder Kendo Components
      • Licenses
        • Client Core
        • Angular Client
        • Base Components
        • PB Kendo Components
        • WFNet Kendo Components
        • WebForms Components
        • WFNet Access Components
        • WFNet Janus Components
        • WFNet C1 Components
        • Silverlight wms-framework
        • Silverlight i-components
    • BackEnd
      • WebMAP From Scratch
      • Setup
      • DCP: Desktop Compatibly Platform
        • Overview
        • Library Bundles
          • Bundle Library
            • Create an Observable Object
          • Bundle DTO
            • DTO: Data Transfer Objects
              • Creating a DTO
            • Mappers
              • Create Mappers
            • Observable Wrappers
              • Create an Observable Wrapper
            • API/Controllers
      • Architecture
      • Weaving on WebMAP
      • Glossary
      • FAQ
        • How to create a new Control
        • How to create a new Screen
        • What is the Mobilize.WebMAP.CoreServices.All?
        • What is the DesignerAttribute?
        • What is the InterceptedAttribute?
        • What is the Mobilize.Extensions.Logging.RollingFile?
        • What is the ObservableAttribute?
        • What is the Mobilize.Weaving.WebMAPExtensions.All?
      • Licenses
        • PBNet DCP
        • WebFormsDCP
        • WFNet DCP
        • CoreServices
        • CoreServicesCommon
    • Request and Response
  • SCALABILITY
    • Introduction
    • Microservices
    • Containerizing a WebMap .Net Application with Docker
    • Vertical scalability
Powered by GitBook
On this page
  • Pre-Requsites
  • Minimum Requirements
  • General Steps
  • Salmon King Seafood:
  • Tailwind:

Was this helpful?

  1. WinForms

Internal Demos

WebMAP: WinForms to Web is a tool designed to convert .NET Framework apps based on C# and Windows Forms to a modern web architecture. WebMAP WinForms Internal Demos documentation.

PreviousRelease NotesNextKnown Issues

Last updated 7 months ago

Was this helpful?

This section will explain how to execute some of the demos commonly used for testing on the WebMAP Winforms to Web Converter.

Any of the Demos shown on this guide will require the user to run the tool using the source code, that can be found on each of their sections, and generate a newly converted web solution.

Pre-Requsites

  • Latest Version of WebMAP Winforms Converter

  • Install SQLLite Driver from .

  • Install Microsoft Access Database Engine Driver from .

Warning: The drivers version(32/64 bits) depends on which one of the two the application will be compiled on.

Minimum Requirements

In order to compile and run demo projects this are the minimum requirements to a better usage experience:

  • Nodejs version to have install is 16.20.2, latest versions may cause compilation bugs.

  • Visual Studio version installed needs to be Enterprise 2022 version 17.8.6 or latest, this to enable the .Net 8 features added.

General Steps

  • Install the Angular, if you haven't already. Please open Command Line or PowerShell as an administrator and type the following command.

    npm install -g @angular/cli@16.2.14
  • Update the npm configuration's registry key. This is required to resolve Mobilize's packages and should be done only once. Please follow the next setup guide:

  • Move to the Output Folder and look for the angular project.

  • Open the command prompt on that folder

  • Run the following command to install all the packages and their dependencies to run the UI. This step should only be done once.

    npm install
  • The last command will build the UI and should be run after any change done to a component inside the angular folder.

    npm run build
  • Open the solution on Visual Studio and Build, then Run.

  • Wait for the site to show you the splash and now you are free to interact with the old demo on Web.

Salmon King Seafood:

Salmon King Seafood (SKS) is a reference App create to show some of the capabilities of the tool on an application that was initially written in VB6 code then converted to Winforms using the Visual Basic Upgrade Companion VBUC from Mobilize.Net and now using WebMAP to run it on Web.

  • Once the General steps have been followed you should expect the site to look like this.

Execute SKS on Linux environment

  1. Modify connection string on your source code. Change DRIVER=SQLite3 ODBC Driver; Database=Orders.db; to DRIVER=SQLITE3;Database=Orders.db;. Please ensure that no blank space is contained in your connection string.

  2. Compile your angular application, if it isneeded.

  3. Compile and run your SKS C# project.

Execute SKS on Mac eviroment

  1. After install Visual Code Go to Extensions and search 'C#' extension and install it

  1. Install SQLITE driver odbc, in order to install the driver execute the nexts steps:

    1. in case you don't have installed homebrew run: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

    2. brew install unixodbc sqlite3 sqliteodbc

  2. Next, set the configuration for file odbcinst.ini, This file should be similar as the following example:

    [SQLite3 ODBC Driver]
    Description=SQLite ODBC Driver
    Driver=/usr/local/lib/libsqlite3odbc.dylib

    Execute this command odbcinst -j to find where is odbcinst.ini.

  3. Also, set the configuration for the file odbc.ini, this file should be similar as the following example:

[SQLiteDSN]
Driver=SQLite3 ODBC Driver
Database=/PathWhereSKSIsLocated/Orders.db
  1. Modify the connection string on your source code. Change the ConnectionString at App.config file for something like this:

<connectionStrings>
     <add name="SQLiteConnection"
         connectionString="DSN=SQLiteDSN;"
         providerName="System.Data.Odbc" />
</connectionStrings>
  1. Check all dirver references at the multiple files. Ensure all those references are changed into: System.Configuration.ConfigurationManager.ConnectionStrings["SQLiteConnection"].ConnectionString;

  1. Compile your angular application, if it is needed.

  2. Compile and run your SKS C# project.

Tailwind:

TailwindPOS is a reference App used for internal testing to show some features available in Winforms now supported on Web as well via the conversion using WebMAP.

  • TailwindPOS only requires to follow the General Steps and Pre-requisites.

Currently Source code for SKS can be found at:

As a previous requirement, is necessary install dotnet and nodejs as is mention in the section.

Install SQLITE driver odbc, you can find all instructions to install it from You need install odbc and sqlite dependencies before installing it.

As a previous requirement, is necessary install dotnet and nodejs as is mention in the section.

We need to install Visual Studio Code, due to Visual Studio is not longer available For Mac's PCs, to download it go to: and install it.

Remove ItemGroup that contains all COM References at line 49 from SKS.csproj file

Setup NPM package registry in the workspace
https://github.com/MobilizeNet/SKSWinForms
Portability
here.
Portability
https://code.visualstudio.com/
here
here