Wijmo Build 5.20202.732 - October 1, 2020

Wijmo Supports Vue 3

Wijmo has added support for the Vue 3 official release (version 3.0.0). Our wijmo.vue2.* modules have been upgraded to support Vue 3, so you can continue using the same Vue interop library from Wijmo.

Read more about how Wijmo supports Vue 3 in our blog from the Wijmo engineering team!

Check out our Vue 3 reference applications.

Wijmo Supports React 17

Wijmo also supports React version 17. We have updated our wijmo.react.* modules to support the latest version of React, so you can update your Wijmo packages and upgrade to React 17 now!

Learn more about Wijmo React components.

FlexGrid Editing Improvements

We added a showPlaceholders property to display the column header as a placeholder when editing cells. The showPlaceholders property is especially useful in the MultiRow grid and on grids that allow adding new items.

We also added a KeyAction.CycleEditable setting that causes the grid to move the selection to the next editable column then wraps to the next row—the KeyAction.Cycle Edit setting makes the grid faster to use for users only focused on editing.

More Enhancements

  • [Globalize] Made the parseFloat method stricter. Before, Globalize.parseFloat would parse strings such as "1 1", "1 + 1", or "foo 1 bar 1" as 11 (remove non-digits, then parse). Now it follows stricter rules and parses strings such as those as NaN (not a number).
  • [AutoComplete] Added a beginsWithSearch property to customize the matching behavior. Setting this property to true causes the control to match items that begin with the search term (the default behavior matches items that "contain" the search terms).
  • [Calendar] Added 'weeksBefore' and 'weeksAfter' properties to show additional weeks before and after the current month.
  • [Calendar] Adjusted some CSS rules to make the padding used in calendar items compatible with the padding used in other items (FlexGrid, ListBox, etc.).
  • [UndoStack] Added support for paginated data sources.
  • [FlexChart] Added new Legend.maxSize property that allows you to specify maximum legend size in pixels (maxSize='50px') or percentages (maxSize='20%').

Breaking Changes

  • [Calendar] Clicking a day that belongs to the month before or after the current month causes the calendar to switch months automatically now, as it was in version 5.20202.699.
  • [Globalize] Made the parseDate method honor the time parts of the refDate parameter and the date parts. For example, parseDate('10/10', 'M/yy,' refDate) will return a date where the month/day is parsed from the input string, but the year and time parts are copied from refDate.

Wijmo 2020 v2 - July 22, 2020

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 Ivy compiler. Now, we have enabled ESM and Wijmo will work seamlessly with the compiler.

Read more about Wijmo and 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. Wijmo barcodes are rendered completely in JavaScript and require no server-side dependency.

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-A Vue UPC-E0 Vue UPC-E1

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

Custom Editors in FlexGrid

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):

Compared to a custom editor using InputDate:

Read more about custom editors for FlexGrid.

PDF Security

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

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:

And our new TransposedMultiRow using the same data:

Note that the records scroll horizontally instead of vertically.

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