WEBIX BLOG

Not so long ago, the drag-and-drop functionality was used in web apps quite rarely. With HTML5 coming on the scene, native drag-and-drop has become easily accessible and popular. The functionality that required lots of coding efforts before, now can be added with a few lines of HTML code. While developing the Webix library, we tried to keep all features and advantages of native drag-and-drop. At the same time, we’ve added new capabilities that might be useful in web app development.

Component Level Drag-and-Drop

While HTML5 drag-and-drop is focused on an HTML element, Webix drag-and-drop concentrates on the UI components. For example, try to drag items between the tree and the grid in the demo below:

One of the Webix’s great advantages is the possibility to use the third-party components. Obviously, instead of reinventing the wheel, it is better to take advantage of reliable, ready to use solutions. Especially now when the open source community is actively developing and supporting a variety of interesting libraries.

The standard Webix pack already includes wrappers for such popular solutions as Google Maps, FCK Editor, D3 charts and lots of others. However, it is a drop in the ocean. Every day new js libraries appear, and it’s impossible to provide support to all of them out of the box. Instead of this, Webix allows creating new integration for any third party library by, literally, several lines. Lets check how it can be done.

While developing Webix, we’ve made several demo projects, in order to check the usability of our library. One of these projects is “Smart Sheet demo”. It is focused on the DataTable, one of the core Webix components. Smart Sheet demo can be used to show tabular or hierarchical data.

You can download the full demo or check the demo online.

The Webix team wasn’t twiddling during the last month of summer. We worked hard to improve the functionality of the library components.
These efforts resulted in a minor update (1.0.1) that includes a lot of small enhancements and latest fixes.
You can find the details of  Version 1.0.1 in the Webix Documentation.
To evaluate the modified version of the library, Download the updated library.

We are happy to announce the first release of our powerful JavaScript UI library called Webix. It is extremely small (about 90 kb gzipped) and incredibly fast. This app development library allows you to build cutting-edge HTML5-based web apps that will run on any desktop and/or mobile device.