Mobilize Blog

Application Modernization

Recent Posts

Posts by Topic

see all

John Browne

Recent Posts

VB6 to Docker Part 4

Posted by John Browne on Nov, 29, 2018 @ 06:11

Almost done.

Read More

Topics: containers, Docker

VB6 to Docker Part 3

Posted by John Browne on Nov, 29, 2018 @ 06:11

(Note: this is the part 3 in a four part series--if you're just starting here I would urge you to go back to Part 1 and 2 and read them first.

Read More

Topics: Docker, containers, webapps

VB6 to Docker Part 2

Posted by John Browne on Nov, 29, 2018 @ 06:11

Note: this is part 2 of a four part series. If you stumbled in here from the street, here's part 1 to help get you oriented. 

If you want to follow along, you can download the code here.

What's Docker?

Read More

Topics: Docker, containers, webapps

VB6 to docker

Posted by John Browne on Nov, 29, 2018 @ 06:11

Extinction is normal

Read More

Topics: Docker, containers, webapps

Visual Studio Extensions, DevIntersection, #MSFTConnect();, and #CodeParty will all rock your world

Posted by John Browne on Nov, 19, 2018 @ 14:11

Recently at a Microsoft event, I heard that there are still over two million desktop application developers--that is, currently writing or maintaining Windows desktop apps, whether written in C++ or .NET. And regardless of your tool lashup--be it Winforms and C#, or WPF or UWP, Visual Studio is the IDE of choice. (VS Code is great, it's awesome, I use it myself--just not for pure Windows desktop development. For that I want the full meal deal.)

And one of the things that makes VS2017 such an amazing IDE is its extensibility, which has allowed an entire vast ecosystem of add-ins to flourish. You can find them in the Visual Studio Marketplace, or by searching from inside VS: Just go to Tools.Extensions and Updates... and select the "Online" option:

You may not remember the days before there were add-ins, but let me tell you they were bleak. Nowadays, if you have a specific need for functionality, there's a nearly 100% chance that someone else has the same need and has written an add-in that more than adequately addresses what you might want to do. In fact, here at Mobilize, we're big geeks and are always looking for ways to make our developers more productive. In the spirit of sharing (and Thanksgiving, right?!) here are some of my favorite tools for making your programming more productive:

Progress

The creator of Telerik .NET and Kendo UI JavaScript user interface components/controls, reporting solutions and productivity tools, Progress offers all the tools developers need to build high-performant modern web, mobile, and desktop apps with outstanding UI. In addition to tools for creating web, mobile and desktop apps efficiently, Progress also enables developers to create modern chatbot experiences in their apps.

LEADTOOLS

LEADTOOLS Imaging SDKs help programmers integrate A-Z imaging into their cross-platform applications. The comprehensive toolkits offer powerful features including OCR, Barcode, Forms, PDF, Document Viewing, Image Processing, DICOM, and PACS. Whether you're building an Enterprise Content Management (ECM) solution, zero-footprint medical viewer, or audio/video media streaming server, LEADTOOLS has something for every developer with native libraries for .NET, Apple, Android, and Linux, as well as a newly released consumption-based Web API in LEADTOOLS Cloud Services.

Read More

Topics: developers

Aucotec converts VB6 to C#

Posted by John Browne on Oct, 23, 2018 @ 07:10

Eike Michel had a problem.

Read More

Topics: VBUC, VB6, application modernization

Announcing Syncfusion support for WebMAP

Posted by John Browne on Sep, 24, 2018 @ 08:09

Today we're all pretty excited that Syncfusion has announced support for WebMAP, which means if you have Windows Forms apps using their controls you can now easily map them to the web versions when you migrate the entire app to ASP.NET Core and Angular 6.

Read More

Topics: Syncfusion, WebMAP

VBUC 8.1: First step to Azure DevOps

Posted by John Browne on Sep, 10, 2018 @ 08:09

Today we feature two announcements: one from an established global leader in development tools and the other one is from Microsoft.

Read More

Topics: Azure, Visual Basic Upgrade Companion

WebMAP: changing the Kendo theme

Posted by John Browne on Jun, 21, 2018 @ 13:06

In our last blog post, we looked at how to change the styling of individual elements in our migrated Angular application. Just a reminder in case you haven't been following along, this is a simple hello world app migrated from Windows Forms to HTML and ASP.NET Core with WebMAP5.

Find the selector, edit the css file, and rebuild it. You can change the global styles.css file or individual css files for each component.

Or, as we will show in this post, you can change the whole kit and caboodle.

Progress Kendo UI has a full set of web components for Angular. And it happens to be our reference implementation for WebMAP

Kendo UI has three themes that are available: the default theme, which is what we implemented, a Bootstrap theme, and a material theme. Today we'll take our little hello world app and switch it to the hyper-cool material theme.

To set the stage, here's what our hello world app looks like using the default Kendo theme (which is the WebMAP default):


It's not bad, but there's room for improvement. Let's get busy.

Installing the Kendo UI material theme

Th is is easy-peasy. Open up the angular folder in Visual Studio Code, get a terminal, and install using NPM:

npm install --save @progress/kendo-theme-material

Once the theme has been installed, you can verify it by looking in node_modules\@progress\kendo-theme-material\dist where you should find the all.css file, a minified version of the styling for the theme. If you want to see what the theme does, the Kendo UI documentation has great examples.

Ok, all we have to do now is include the theme in our app and rebuild it. 

In our .angular-cli.json file we need to change the styles from kendo-theme-default to kendo-theme-material, like so:

All that remains is to execute an ng build command in the terminal and the front end code will be changed to the new theme. 

Here's our app running in material theme:

Themes are a great way to jumpstart a complete re-do of the look and feel of an app. And, of course, you can always go into the global styles or individual component styles to override something you want to change. We covered that recently. And of course, having done this for our "hello world" applet, I wanted to try it on our more red-blooded demo app--Salmon King Seafood. Here's a quick screen shot of the opening form with the material theme applied:

I had to tweak some styles a bit because not all the fonts looked great. Somehow we lost our background color, but that would also be an easy fix. We do get the coolness of the 3D buttons and form fields, so this is a nice upgrade. It's also a nice reminder of how easy it is to upgrade the look and feel of an app once it's correctly architected for the web.

Read More

Topics: WebMAP, Web Application Development

Modifying a WebMAP5 app

Posted by John Browne on Jun, 13, 2018 @ 15:06

We recently updated our WebMAP architecture posts to reflect the significant improvements that WebMAP5 makes in generated app code (compared to previous versions). If you haven't seen them, this is a good time to check out the details here, here, and here.

Read More

Topics: WebMAP, application modernization