Webix 6.2 Release: Improved loading logic, tooltips everywhere and the new drag-n-drop mode

Webix has made yet another step to perfection. In version 6.2, you will find stylish tooltips for any part of the app and the update for server proxies that will help you load and save data more conveniently. Your users will have a visual export of charts to PDF and better drag-n-drop in data components. And we have other good news: Webix Jet 2.0 is out. You will find more goodies below.

Webix 6.2 Release: Improved loading logic, tooltips everywhere and the new drag-n-drop mode

Webix Tooltips for Widgets and Controls

One of the most awaited features came into this world as now you can add Webix tooltips not only for Webix data components, but also to datatable headers and footers, controls, templates, and any HTML elements.

Webix tooltips for widgets and controls

Export to PDF Updates

Export to PDF has become better, because now you can:

  • export widgets as images, which is especially important for Chart and other canvas-based views,
  • export several views at a time.

Webix Export to PDF improvements

DND Updates

Drag-n-drop received two updates. First, there is the new mode for dragging – move. The new drag-n-drop mode works similarly to the default one but provides a nicer user experience. The order of elements and their positions will change as you drag an element.

Webix drag move

Besides, the order mode benefited from performance and style of the new move mode, for details go to the What’s new page.

Updates for Modal Boxes

Modal boxes also entered the wonderful realm of promises. For example, when you create a confirm box, it returns a promise that resolves or rejects when the user clicks a button.

webix.confirm("Are you sure you want to exit?")
.then(function(){
exit();
})
.fail(function(){
// do nothing
});

Another good news is that modal boxes can be correctly initialized for an HTML container and received a bunch of other updates and fixes.

Updates in Proxy Mechanism

In Webix 6.2, proxies have become simpler and more straightforward. You can customize loading and saving pattern with conventional Promise API. For example, now it is easy-peasy to load data with a POST request with parameters:

view:"datatable",
url:{
$proxy:true,
load:function(view, params){
return webix.ajax().post("/server/data", { param:1 });
}
};

For details, check out the What’s new page.

Filemanager and Spreadsheet Samples to NodeJs

Finally, all package samples have migrated to NodeJs. Now you have ready-made backend solutions that can be changed and used. To view samples locally, you will not need to configure a database, PHP or an Apache server, you will be able to start local server and view the samples after running these commands:

npm install
npm start

Webix Jet 2.0

This is a big day not only for Webix, but also for our microframework Webix Jet. The total size of the source code was reduced by 5 KB, and Webix Jet became even better due to a bunch of awesome updates.

Check out the What’s New page.

New Features and Improvements

  1. The ability to show views in new windows.
  2. The ability to show windows like other views by including them in the app URL.
  3. Subviews in apps with their own app URLs, which is very useful for complex apps, the parts of which have complex structures of their own and work independently.
  4. Zero-friction app in app usage.
  5. The ability to use all the settings of HashRouter to configure UrlRouter, because they share all settings now.

Webix Jet 2.0

Updates for plugins

1. Menu plugin

You can set the Menu plugin in the way that it does not go to a different path, but changes a certain URL parameter.

2. User plugin

Earlier, unauthorized users could see only the “login” page. Now you can add other pages that all users are allowed to access.

Webix Jet 2.0

3. Locale plugin

The Locale plugin received several updates:

  • Additional setting for using Webix locales alongside with the Jet app locale.
  • If a lot of text in your app needs to be translated, you can split localizations and load them when they are needed.
  • You can apply settings for Polyglot.

Using Webix Jet without Webpack

If you really want to, you can drop Webpack and include Jet source code directly. npm contains two versions of Jet JS code: ES6 and ES5, and you should include the latter. When you include the file, use Jet as:

class MyApp extends webix.jet.JetApp { ... }

Using Webix Jet with Webpack and Importing Webix as Module

We strongly recommend you to include Webix as a script, but if you really need to create a single bundle with Webix and your app code, you can do it the right way.

Old IE Support

…is over 🙂 From now on, Webix Jet supports IE11+ only, and the same fate awaits Webix in the future.

Other Updates

This release also includes other useful updates and bug fixes, check out the What’s new page.

What is to Come

Join the number of happy Webix 6.2 users! Active clients can upgrade via npm or the Client Area.

Download Webix 6.2

And do not forget about the oncoming main release of Webix 7.0 that will bring on the removal of deprecated API and modules.