Wijmo 2018 v2 Build 5.20182.524 - September 26, 2018

Build 524 is available. This minor release includes a rollback to the FlexGrid’s default row height that was changed in build 523. This minor change can affect the appearance of the FlexGrid’s overall height, row visibility, and the presentation of cell template items. The new build reverts the change to the style and behavior of previous Wijmo build versions (500 and earlier) to prevent breaking UI changes.

Read about the other new features from Build 523

New Samples

Wijmo 2018 v2 Build 5.20182.523 - September 12, 2018

Build 523 has released. It includes an interesting new Business Intelligence PWA sample, submenu support added to our Menu control, PDF performance enhancements, and more.

New Business Intelligence PWA Sample

We created a MyBI sample app to show how easy it can be to build progressive web apps using Wijmo. It gets sales data stored in a Google Sheet and creates a dashboard to support business decisions.

Progressive Web App

Read more about how we created this PWA | Launch the MyBI sample

Change Log

  • [WebComponents] Added Beta version of the WebComponents interop (wijmo.webcomponents.xxx.js modules). The Samples\TS\WebComponents\WebComponentsIntro sample explains the status and usage of the interop. WebComponentsIntro sample
  • [npm] Wijmo is published to the global npm registry as the 'wijmo' package. | Read about Wijmo on NPM
  • [PWA] Added new MyBI sample, a Business Intelligence Progressive Web Application. It gets sales data stored in a Google Sheet and creates a dashboard to support business decisions. MyBI sample | Read more about how we created this PWA
  • Added new HierarchicalMenu sample that demonstrates how to use the new submenu feature of our Menu control. HierarchicalMenu sample
  • Added new DropDownTree sample that demonstrates how to show a TreeView in the drop-down. DropDownTree sample
  • [Menu] Added a Menu.subItemsPath property that allows the creation of hierarchical (multi-level) menus. This is similar to the childItemsPath property in the FlexGrid and TreeView controls. The Menu.subItemsPath property specifies the name of a property that is used to populate child menus when the parent item is clicked.
  • [Menu] Added a Menu.openOnHover property that causes the menu (and any sub-menus) to open and close automatically when the mouse hovers over the control.
  • [wijmo.pdf][wijmo.grid.pdf] Improved performance, memory consumption is reduced.
  • Improved accessibility for grids with imeEnabled (made IME element aria-invisible)
  • Improved RTL support in Calendar/DropDown/Popup controls.
  • Improved touch support on input (don't show the soft keyboard when picking from drop-downs) and gauge controls (allow touch-scrolling on read-only gauges)
  • Added support for popups in HTML elements.

New Samples

Get Build 5.20182.523 now

Current customers can download on their My Licenses page.

Wijmo 2018 v2 - July 18, 2018

New Samples

Change Log

  • [WebComponents] Added Beta version of the WebComponents interop (wijmo.webcomponents.xxx.js modules). The Samples\TS\WebComponents\WebComponentsIntro sample explains the status and usage of the interop. WebComponentsIntro sample
  • [npm] Wijmo is published to the global npm registry as the 'wijmo' package. | Wijmo and NPM
  • [WebComponents] Added AllComponents sample, which includes all major supported components. WebComponents AllComponents sample
  • Added web-based Wijmo Designer application for designing PureJS controls with a Visual Studio-like property grid and design surface Web-based JS Designer | Web designer blog
  • Added VSCode Wijmo Designer extension for designing controls with a Visual Studio-like property grid and design surface VSCode Designer | VSCode designer blog
  • Wijmo CSS files are implemented using Sass now. Read the blog
  • [React/Redux] Added React/Redux CryptoCurrencyTracking sample. This is a quite big application implemented using React, Redux and Wijmo for React interop. React/Redux CryptoCurrencyTracking sample
  • [ES6] Wijmo ES6 npm images (wijmo-es2015-commonjs-min and wijmo-es2015-esm-min folders in NpmImages) of build 462 are approved as a release version.
  • [a11y] Added a wj-state-focus class selector that complements the wj-state-focused selector. The wj-state-focus selector gets the Wijmo control that has the focus. The wj-state-focused selector gets all Wijmo controls that contain the focus. For example, if you have nested Wijmo controls A, B, and C, and control C contains the active element, then .wj-state-focus will select C and .wj-state-focused will select A, B, and C. The wj-state-focus selector can be useful for implementing focus outlines in CSS. For example:
.wj-state-focus,
            a:focus,
            button:not(.wj-btn-default):focus,
            input:not(.wj-form-control):focus,
            input[type=checkbox]:focus {
                box-shadow: 0px 0px 17px 0px rgb(41,173,68);
            }
            
  • [a11y] Improved accessibility for Calendar, TreeView, InputDate, and FlexGridFilter.
  • [a11y] Added aria-required attribute to the FlexGrid native editor element
  • [a11y] Replaced buttons with button elements (better accessibility, supports enter/space keys)
  • [a11y] Replaced all cell buttons in FlexGrid with button elements (filter, detail, list, collapse/expand)
  • [a11y] Added ARIA attributes to buttons in DropDown, InputDateTime, InputNumber, Calendar, ColumnFilterEditor controls
  • [a11y] Added aria-selected attribute to selected items in ListBox, Calendar, TreeView (like FlexGrid and TabPanel)
  • [a11y] Cleaned up ComboBox ARIA attributes
  • [a11y] Added roving tabindex to Calendar and TreeView controls (better accessibility, like FlexGrid and TabPanel)
  • [a11y] Added a 'describedById' property to the FlexGrid's ColumnCollecion and Column classes. This is used to set the aria-describedby attribute on column header and filter elements.
  • [a11y] Added a keyActionEnter property to the FlexGridDetailProvider class.
  • Improved FlexGrid.virtualizationThreshold to support arrays: [rowThreshold, columnThreshold]* [Vue2] Added numerous child components, like various chart series.
  • [Vue2] Child components now correctly work in dynamic scenarios like along with the v-for and v-if directives.
  • [Vue2] Added WjFlexGridDetail component.
  • [Vue2] Added new samples.
  • All samples use httpS CDN references.
  • OData samples use httpS now.
  • WijmoHelp is updated with the Wijmo Designer topic.
  • Documentation is updated with the Sass related topics.
  • Added a Gauge.stackRanges property that causes the control to stack the ranges. The RadialGauge shows them as concentric sectors, the LinearGauge as stacked bars.
  • Added a FlexGrid.autoSearch property that allows users to search for content in the grid by into non-editable cells.
  • Optimized ComboBox performance when opening the drop-down.
  • Optimized ListBox performance when populating the list.
  • Added an ODataCollectionView.expand property to allow retrieval of related entities (as in OData's $expand option).
  • Added an ODataCollectionView.jsonReviver property that allows customization of the parsing process for JSON data returned from the server.
  • Support to insert/remove columns in bound sheet for FlexSheet.
  • Added a document property to the PdfPageArea class.
  • Added a drawDetailRows property to the IFlexGridDrawSettings interface.
  • Added a requestHeaders property to the ReportViewer and PdfViewer controls.
  • Added a beforeSendRequest event to the ReportViewer and PdfViewer controls.
  • Added a parameters property to the ReportViewer control.
  • Improved CollectionView sorting to handle diacritics (accents).

Breaking Changes

  • [NPM] The "themes" folder is a child of the "styles" folder now. It was the sibling with "styles" before.
  • The new Sass-based CSS files contains some rules that are more specific than the original CSS, so if you have custom CSS files you may need to adjust their rules.
  • The new CSS files have more consistent rules about colors, padding, etc, so you may see some small changes when you upgrade. For example, we made item padding consistent among ListBox, FlexGrid, Calendar, etc.
  • The new Sass-based theme files are self-contained and do not require you to add the base wijmo.css file to the page anymore. This means one less HTTP request for pages that contain themed controls. This is not a breaking change, but a chance to improve performance.
  • Changed the default value of the AutoComplete.isContentHtml property from true to false. This should not affect most applications, and the new default prevents involuntary script/html injection. If it does affect your application, set the AutoComplete.isContentHtml property to true and you will get the original behavior.