Webix 3.3 release

Hey guys!

Someone is waiting for May Day celebration, and someone is ready for our new Webix 3.3 release. So what have changed and what has been added since our last update? Webix 3.3, here we go!

Webix 3.3 release

Full support for drag-and-drop functionality on touch devices

We have added drag-n-drop support for scrollable widgets on touch screens – one of the top requested and long anticipated features. Now drag-n-drop starts on long-touch for touch screens.

Webix drag and drop


Moreover, drag-n-drop for desktop is enhanced. It is more user-friendly and looks much better. A dragged element appears under the cursor, not alongside of it.


Sparklines (PRO edition)

DataTable gets a new predefined cell template called sparklines. A sparkline is a small line chart, that presents the general variation in certain parameters.

Webix Sparkline
Live demo


Editor line for SpreadSheet

Starting from version 3.3, Spreadsheet has a built-in editor line, similar to the Excel one. In addition to the normal editing functionality, this external editor has an advanced support for math formulas. It includes auto-suggest for formulas as well as ability to select formula operands by clicking on the related cells in the spreadsheet. Perhaps, it still isn’t as powerful as math editor in Excel, but it helps a lot.

SpreadSheet editor


Live demo

You can download SpreadSheet and get our free Trial version right now. And to get more info check our documentation.

Absolute Layout (PRO edition)

New layout type allows you to organize UI in any custom way. Instead of splitting a view into rows and columns, you can just specify at which point this or that UI needs to be shown. There are pros and cons for such kind of layouts, as they are not responsive. However, an absolute layout is rather useful if you need to create a big form with exact position of each element.

Absolute layout

Live demo

Read the documentation and start exploring.

Data Layout (PRO edition)

The child of layout and data component – data layout – allows organizing UI as a normal layout. The difference of data layout from a usual layout is that the its content can be loaded from the server side, cells can be dynamically added and deleted, filtered and sorted. All functionality of data component is available in addition to usual layout API.

data layout


And to make it even better, data layout can merge the predefined configuration with dynamic data from the server side. It  allows repeating the same UI components multiple times with different data within each of components.

Our documentation will give you more information.

Live demo

Improved Export to PDF and Excel

Answering to the high demand for the feature, we have enhanced our PDF and Excel exports. Firstly, DataTable footer is now included into the exported file of both formats. Secondly, DataTable multiline headers are supported by the Excel export by analogy with the PDF one. And finally, we switched on the green light to the total customization of the exported PDF file. From now on, you can tune the look and feel of the document itself, table body, header and footer.

Webix Export to PDF


Live demo

Updated FileManager UI

You will also find the improved FileManager UI with an ability to hide/show Tree.

File manager UI


Live demo and documentation

As you can see, we have been working hard to provide you with powerful features and updates. We have also implemented various improvements and made a lot of useful bug fixes. Share your opinion and leave your comments – we are always open for discussion.

Enjoy Webix and have a great day!


Written by
The following two tabs change content below.
Olga Vazhnik

Olga Vazhnik

Webix product manager. Interested in creating strong, hand over hand relationships between the company and its customers using Internet marketing.
  • Lee Sylvester

    Excellent. I’m super happy about the FileManager update. This makes it somewhat usable on mobile, which is an important thing for me, long term. Is there a changelist or other such document that shows all the changes in this version? I was hoping for some updates to the datacollection / dataprovider classes.


  • Miguel Angelo Mello

    Great job guys. Congratulations.

  • Craig Welch

    Excellent job, pleased to see it.

  • Marc

    Hi, problems already with the DND, dragging from a grid to a tree, #1, can’t see where I am dragging to since the dragging item is under the cursor and #2 can’t drop on the tree (guessing because the element is again below the cursor) How can I change it so the drag item is back to the right of the cursor?

    • Maria

      Hi Marc,

      Please make sure that you have updated webix.css with the new one. However, if you prefer the previous drag-n-drop style, you can disable webix.env.pointerevents:

      webix.env.pointerevents = false;

      • Marc

        Thanks Maria, That did work… however it seems like I am missing out on functionality if I turn that off. (Correct?) Is there a way in CSS to move the webix_drag_zone back over to the right of the pointer? With the drag zone directly under the pointer and dropping on a tree, can’t really see where you are dropping…

  • Игорь Морев

    Can you add daterangepicker or any advise to make it, please? I cant’t create it myself. My job requires it.

All posts: