Webix

Webix JavaScript UI Widgets Library
Developer(s) XB Software Ltd.
Stable release 3.1.2 / December 2, 2015 (2015-12-02)[1]
Type JavaScript library
License GNU General Public License, Commercial
Website webix.com

Webix is a JavaScript and HTML5 framework for developing cross-platform data-rich mobile and desktop web applications with highly responsive user interfaces.[2] The library is distributed under both open-source GNU GPLv3 and Commercial licenses, and comes in Standard and Pro editions.[3] Webix is developed by IT outsourcing company XB Software, headquartered in Minsk, Belarus.[4] XB uses Webix in the solutions they build for paying customers.[5]

Webix was released in July, 2013[6] as an improved and extended version of DHTMLX Touch",[7] a JavaScript Mobile Framework for HTML5 web apps. The maker of DHTMLX, Dinamenta, UAB, had integrated touch support into its main dhtmlxSuite product, stopped supporting DHTMLX Touch, and transferred development to XB Software.[8] Webix and DHTML Touch are about 90% similar in their APIs.[9]

Features

Webix offers a rich UI component set[10] with samples,[11] a Skin Builder, a forms designer, and an online source code playground.[12]

Widgets

The open-source edition features 55 UI widgets, including Layout (tabs, resizer etc.), Toolbar, Menu (including context menu), List, Dataview (cards), Multiview (swiping among views), Scrollview, Property sheet, ColorPicker, Chart, Calendar, Window, Popup, Combobox (autocomplete), Data table (grid), Tree, Tree Table, Upload, Pager, Drag-and-Drop, and Carousel. Forms can be designed using a form builder tool.[13] Professional versions add widget state persistence, extra Data table features, and new widgets: Pivot Table and Pivot Chart, Scheduler and Kanban.

All data widgets support drag and drop, offline storage and synchronization when connectivity is restored, cross-browser and cross-platform support, and dynamic data loading and paging. They can be initialized from JSON data, HTML markup, XML data,[14] or via JavaScript calls.[15] Very large data sets (1,000,000 records) are supported.[16]

Version 2.4, released in May 2015, added several new widgets: portlet, multi-combmo (tag input) and range slider.[17]

Integrations

Webix was inspired by Dhtmlx, and its components resemble DHTMLX ones. Views from both libraries can co-exist on the same page.[18]

Webix integrates with other JavaScript libraries (jQuery, AngularJS and Backbone.js),[19] with the Handlebars templating system,[20] and with the Bootstrap CSS framework.[21] It ships with the Font Awesome icon set.

Widgets can load data from and save data to any server via REST APIs.[22][23] Live data updating is possible using the Faye publish/subscribe messaging system, which in turn is based on the Bayeux protocol by the Dojo Foundation and can use WebSockets as a transport.[24]

Third party widgets (e.g. maps, WYSIWYG editors) can interoperate with Webix as well.[25] In addition to DHTMLX and its widgets,[26] Webix integrates with:[27]

Themes

Webix ships with several themes,[30] and a basic skin builder for altering the color scheme, fonts, and control element sizes.[31] Skins can be changed by specifying a different theme CSS file.[32]

See also

External links

References

  1. ↑ "Webix releases". GitHub.
  2. ↑ Narayanaswamy, Anand (26 September 2014). "Webix JavaScript UI Library Helps to Build Cross Platform HTML5 and CSS3 Applications".
  3. ↑ "Licenses". Webix. Retrieved 19 December 2014.
  4. ↑ "Contact us". Webix.
  5. ↑ Webix at CrunchBase
  6. ↑ Lindorenko, Veronika (July 7, 2013). "Webix Library Released!".
  7. ↑ "Migration Page". XB Software.
  8. ↑ "Tests confirm: DHTMLX based apps can be run on touch devices". Dinamenta, UAB.
  9. ↑ Kozhukh, Maksim (1 December 2014). "DHTMLx Touch". Webix Forum.
  10. ↑ "Webix Components".
  11. ↑ "Webix samples".
  12. ↑ "Development Center". Webix.
  13. ↑ "Nie wieder Formulare von Hand coden: Webix-Form-Builder will die Webentwicklung vereinfachen". t3n.de.
  14. ↑ "Markup". Documentation. Webix.
  15. ↑ "Quick start". Webix.
  16. ↑ Kozhukh, Maksim (August 29, 2013). "Webix Grid - 1 000 000 Rows and More". Webix.
  17. ↑ "Webix 2.4. Дверь в лето". Habrahabr. 2 June 2015.
  18. ↑ "Integration with DHTMLX Components". Webix. Retrieved 21 December 2014.
  19. ↑ Lindorenko, Veronika (13 November 2014). "Webix 1.2: Integration with AngularJS and Backbone.js". Webix blog.
  20. ↑ Kozhukh, Maksim (March 28, 2014). "Using Handlebars Templates with Webix UI".
  21. ↑ Lindorenko, Veronika (26 November 2014). "Webix 2.1: Improved Compatibility with jQuery, Bootstrap and Beyond". Webix blog.
  22. ↑ "REST Mode Support". Webix.
  23. ↑ Lindorenko, Veronika. "Creating Website Pages and Forms with Struts and Webix UI".
  24. ↑ "Websockets (Faye)". Webix.
  25. ↑ "Third party integration". Samples. Webix.
  26. ↑ "Integration with DHTMLX Components". Webix.
  27. ↑ "Components". Webix Hub. GitHub.
  28. ↑ "Webix integration with 3rd party components". Webix.
  29. ↑ "Webix package for Meteor". GitHub. Dan Dascalescu.
  30. ↑ "Skins". Documentation / Samples. Webix.
  31. ↑ "Skin Builder". Webix.
  32. ↑ Laptick, Sergey (3 June 2015). "Introducing the Webix framework". SitePoint.
This article is issued from Wikipedia - version of the Friday, January 22, 2016. The text is available under the Creative Commons Attribution/Share Alike but additional terms may apply for the media files.