Skip to main content Skip to footer

Wijmo 2020 v2 has Landed

Wijmo 2020 v2 has landed. This release includes new Barcode and TransposedMultiRow components, new custom editors for FlexGrid, new PDF security features, and much more. We are also announcing support for Angular 10 as well as Vue 3!

Let's dive in.

Wijmo 2020 v2 has Landed

Angular 10 Support

Angular 10 has just released, and Wijmo already supports it! As always, we are committed to supporting the Angular project and its community.

As of 2020 v2, we are shipping ESModules. Previously, we had to disable ESM for compatibility with Angular 7 and 8 and an issue in the AOT (ViewEngine). Now, we have enabled ESM and Wijmo will work seamlessly with the compiler.

Read more about Wijmo and Angular 10.

Wijmo Performance Gains in Angular 10

Now that the Ivy compiler is tree-shaking and making smaller packages and Wijmo provides ESModules, your applications will be smaller than ever. The compiler will remove any unused modules and compile only the JS needed for production. When we tested, we saw about a 40% reduction in sizes of Wijmo application bundles after enabling ESM and upgrading to Angular 10.

Vue 3 Support

Vue 3 is currently in beta. We are also releasing a beta version of Vue 3 support. Wijmo's Vue 2 package is compatible with Vue 3. We will continue to test against Vue 3 as it nears official release.

Read more about Wijmo and Vue 3.

OpenFin Platform API Demo App


Wijmo Stock Portfolio is a financial sample that demonstrates the usage of Wijmo Components in an OpenFin application. The previous version of this app loaded multiple OpenFin applications in separate windows, allowing the user to organize the desired workspace.

OpenFin's new Platform API provides the ability to organize windows & views into logical workspaces out-of-the-box. The new Stock Portfolio App uses OpenFin Platform API and Wijmo Components.

Read more about the Wijmo Stock Portfolio.

Barcode Control for JavaScript, Angular, React, and Vue

We have added new barcode components for creating 26 types of barcodes from QR Codes to UPC barcodes. Barcodes represent data in a visual, but a machine-readable way. They are used around the world to share and track information. Wijmo barcodes are rendered completely in JavaScript and require no server-side dependency.

Wijmo 2020 v2 has Landed

Try our live demos in the framework of your choice:

JavaScript Barcodes Angular Barcodes React Barcodes Vue Barcodes
JavaScript Codabar
JavaScript Code39
JavaScript Code49
JavaScript Code93
JavaScript Code128
JavaScript DataMatrix ECC 200
JavaScript DataMatrix ECC 000
JavaScript EAN-8
JavaScript EAN-13
JavaScript GS1-128
JavaScript GS1 DataBar Expanded
JavaScript GS1 DataBar Expanded Stacked
JavaScript GS1 DataBar Limited
JavaScript GS1 DataBar Omnidirectional
JavaScript GS1 DataBar Stacked
JavaScript GS1 DataBar Stacked Omnidirectional
JavaScript GS1 DataBar Truncated
JavaScript Interleaved 2 of 5
JavaScript ITF-14
JavaScript Japanese Postal
JavaScript PDF417
JavaScript MicroPDF417
JavaScript QR code
JavaScript UPC-A
JavaScript UPC-E0
JavaScript UPC-E1
Angular Codabar
Angular Code39
Angular Code49
Angular Code93
Angular Code128
Angular DataMatrix ECC 200
Angular DataMatrix ECC 000
Angular EAN-8
Angular EAN-13
Angular GS1-128
Angular GS1 DataBar Expanded
Angular GS1 DataBar Expanded Stacked
Angular GS1 DataBar Limited
Angular GS1 DataBar Omnidirectional
Angular GS1 DataBar Stacked
Angular GS1 DataBar Stacked Omnidirectional
Angular GS1 DataBar Truncated
Angular Interleaved 2 of 5
Angular ITF-14
Angular Japanese Postal
Angular PDF417
Angular MicroPDF417
Angular QR code
Angular UPC-A
Angular UPC-E0
Angular UPC-E1
React Codabar
React Code39
React Code49
React Code93
React Code128
React DataMatrix ECC 200
React DataMatrix ECC 000
React EAN-8
React EAN-13
React GS1-128
React GS1 DataBar Expanded
React GS1 DataBar Expanded Stacked
React GS1 DataBar Limited
React GS1 DataBar Omnidirectional
React GS1 DataBar Stacked
React GS1 DataBar Stacked Omnidirectional
React GS1 DataBar Truncated
React Interleaved 2 of 5
React ITF-14
React Japanese Postal
React PDF417
React MicroPDF417
React QR code
React UPC-A
React UPC-E0
React UPC-E1
Vue Codabar
Vue Code39
Vue Code49
Vue Code93
Vue Code128
Vue DataMatrix ECC 200
Vue DataMatrix ECC 000
Vue EAN-8
Vue EAN-13
Vue GS1-128
Vue GS1 DataBar Expanded
Vue GS1 DataBar Expanded Stacked
Vue GS1 DataBar Limited
Vue GS1 DataBar Omnidirectional
Vue GS1 DataBar Stacked
Vue GS1 DataBar Stacked Omnidirectional
Vue GS1 DataBar Truncated
Vue Interleaved 2 of 5
Vue ITF-14
Vue Japanese Postal
Vue PDF417
Vue MicroPDF417
Vue QR code
Vue UPC-E0
Vue UPC-E1

Read more about barcodes for JavaScript, Angular, React, and Vue applications.

Custom Editors in FlexGrid

FlexGrid has always had fast editing similar to Excel. But many customers want a richer editing experience based on data types. We offered ways of doing this before, but they required custom coding. Now, we introducing custom editors for FlexGrid columns.

Now you can specify custom editor controls using a single "editor" property on the Column class. The editor property simply needs to have an instance of a Wijmo input passed to it. You can use any Wijmo input that you want, including Date Picker, Numeric Textbox, AutoComplete, Color Picker, and more!

Take a look at the default editor (a simple textbox):

Wijmo 2020 v2 has Landed

Compared to a custom editor using InputDate:

Wijmo 2020 v2 has Landed

With custom editors for FlexGrid, you can really improve the user experience when editing data in a grid.

Read more about custom editors for FlexGrid.

PDF Security

We have introduced a new module that offers some nice features for protecting PDF files. This new module gives you the ability to password protect PDF files. This includes the ability to specify a separate user password and owner password.

You can also define permissions for the PDF document including:

  • Annotating
  • ContentAccessibility
  • Copying
  • DocumentAssembly
  • FillingForms
  • Modifying
  • Printing

You can try our demos to test these settings yourself!

New TransposedMultiRow Component

This component is a specific request from some of our customers in Japan. MultiRow is a popular UI convention in Japan and Transposing Views can be popular too. We have had a MultiRow component and also a TransposedGrid component. Now we have combined these two visualization techniques into TransposedMultiRow.

The MultiRow aspect allows you to defined multi-row layouts for a single record in a grid. Traditionally, there is a single visual row, but MultiRow breaks that paradigm. The transpose aspect is to repeat the records horizontally instead of vertically like in a traditional grid.

Here is an example of a MultiRow:

Wijmo 2020 v2 has Landed

And our new TransposedMultiRow using the same data:

Wijmo 2020 v2 has Landed

Note that the records scroll horizontally instead of vertically.

Feel free to try these for yourself in our live demos:

Chris Bannon - Global Product Manager

Chris Bannon

Global Product Manager of Wijmo
comments powered by Disqus