Meet Webix 4.0 with 4 big changes

September 27 is the most important day of the year for Webix community — as we have recently announced, it is the date of Webix 4.0 release.As the version number suggests we have four main changes in the agenda:

1. Accessibility

The main theme of the 4.0 release is Accessibility. From now on Webix complies with ARIA standards, which makes all Webix-based apps accessible to people with special needs. Here are the three features that enhance accessibility:

Special markup for screen reading software.WAI-ARIA attributes prompts screen readers about the role of Webix widgets and their elements, which means extra opportunities for visually impaired people.

Contrast skin. We have added a high-contrast skin in addition to the existing 12 ones. With this special skin you can provide high contrast between the background and UI elements. It can be used in both desktop and mobile version of your application.

2. Angular 2 compatibility

The new framework has already caught the fancy of millions of programmers. We decided to bring together Webix and Angular 2 by making adjustments in Webix code. As a result, Angular 2 can be used on the same page with Webix UI library.

We are not speaking about the full integration, but using Angular 2 with Webix became much easier. Check our instructions for details.

The updated SpreadSheet is available for $329 for clients with Webix PRO license and $499 for new clients. All customers with the valid SpreadSheet license will get the update for free. Webix Enterprise Pack still includes SpreadSheet and has no price changes.

4. New Webix 4.0 widgets and improved responsiveness

The number of Webix widgets increases with each new release. In Webix 4.0 we introduce the Google-map widget based on Google MapsTM; DateRangePicker control and improved responsive functionality.

Maps widget
The new widget allows integrating the world’s most popular map directly into your app.
The Google-map widget can not only paint Google maps in the container but also load data to it that will be displayed as markers or heatmap depending on your choice.

DateRangePicker control (Webix PRO only)
We are all familiar with selecting start and end dates in user-friendly calendars on booking websites. Webix 4.0 offers a similar control called DateRangePicker that allows inputting date periods using the related pop-up.
In addition, Webix adds DateRangeFilter to the filter collection of the Datatable widget. It allows filtering data by date periods.

Improved responsiveness
Adaptation of Webix apps to desktop and mobile screens has become much more convenient and faster with the help of the following features:

FlexLayout and FlexDataLayout widgets (FlexDataLayout is PRO-only) that provide native responsiveness without any extra configuration

advanced options for aligning and centering widgets in layout

The new Webix release also contains minor API updates and, of course, some bug fixes. The 4.0 version is backward compatible with the 3.6, but please check breaking changes in PDF viewer API and keyboard navigation.